top menu for mobile

Posted in: Newsmag
Post count: 81

My site has a top menu and the main menu. But in the version of Mobile only visible main menu. How to make visible and the top menu?

Post count: 6535

Hi

By default the theme doesn’t display the top bar on mobile devices but you can use this custom css in theme panel > custom css to display it: http://screencast.com/t/edqs9T92

@media (max-width: 767px) {
.td-header-top-menu {
display: block!important;
padding: 7px;
}

Note that you may need some additional css customization to the layout, as the top bar wasn’t designed to be displayed on mobile devices.

Thanks!

Post count: 81

1) Andrew, thank you! It’s like the time I need. But I can not. I need just such a precise code to insert into
YOUR CUSTOM CSS ?
2) You can make the top I get the phone next to the main menu?

  • This reply was modified 10 years by vasik.
Post count: 22421

Hello vasik,

The mobile version of the theme was not designed to display the top menu. Further customization of the menu is very specific to your case. It depends on your setup. You have to provide more details to how you want it to display and also provide a link to your website.

Thank you!

Post count: 81

thanks for the answer. Very strange that the menu is, but the mobile version does not show it. My website ibcm.biz
We need to show the top menu in the mobile version near the top menu.

Post count: 6535

Hi

To display the top bar near the top menu you will need lots of customization and unfortunately we cannot offer custom work at this moment. But you can use this custom css in theme panel custom css to display it above main menu like here: http://screencast.com/t/sQzkXkI86T

@media (max-width: 767px){
.td-top-menu-full {
display: block!important;
height: 80px!important;
}
.td_data_time {
float: none!important;
margin-left: auto!important;
margin-right: auto!important;
display: table!important;
}
.td-top-menu-full .td-header-sp-top-menu a{
margin: 0px 0px 0px 2px!important;
}
.td-header-main-menu.td-affix{
top: 70px;
}

Thanks!

Post count: 81

Thank you very much! Helped! But in the future well to the mobile version the possibility of all the menu was available.

Post count: 6535

Hi

Thank you for your suggestion, I will add it to our list and hopefully we will consider it for the next theme updates.

Thanks for the message!

Post count: 2

@andrei_luca. The big code you provided is not working- can you help me with the code?
Unable to get top bar menu aligned in a center for mobile. Its just start from left.

  • This reply was modified 10 years by Bluehacks.
  • This reply was modified 10 years by Bluehacks.
  • This reply was modified 10 years by Bluehacks.
Post count: 6535

Hi


@Bluehacks
the above css works well only for that specific case, so please provide your site url such that I can provide a more better solution.

Thanks!

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newsmag’ is closed to new topics and replies.