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!
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!
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!
@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.
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!