Hi,
So here’s what’s up: I would like to use a “header style 12” for my website where the top bar comes under the logo icon. Now my question is – is it possible to show the top bar items in the mobile menu version? I just wanna use the top bar but when i remove the main menu items and leave only the top bar, the items from the mobile version disappear. Hope you guys can help me out with this!
Johnny
Hi,
If you are not using the mobile theme, then the answer is yes, you can shot the top bar on mobile version using some custom css
Enter it in Theme panel->Custom CSS section, then the top menu will appear on mobile.
@media (max-width: 767px){
.td-header-top-menu,
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
text-align: center;
}
.td-social-icon-wrap{
display:none;
}}
-> https://www.screencast.com/t/PAimTvZ18O
Also here is our documentation for top bar -> Top bar templates
Thank you!
Thanks for the fast reply, unfortunately this doesn’t seem to be working. I did put the code in the theme panel css section as told, the menu on my mobile device is still blank.
Website: https://www.fitleague.co
Hi,
Please replace the above code with this one
@media (max-width: 767px){
.td-header-top-menu,
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
text-align: center;
}
}
@media (max-width: 1140px){
.td-header-menu-social {
display: inline-flex!important;
}
}
@media (max-width: 767px){
.td-social-icon-wrap {
display: inline-flex!important;
}
}
-> https://www.screencast.com/t/S8FQTEXqQ
Hope this will work better!
Thanks.
No, not like this. I guess i didn’t explain it quite well enough, my bad. When i click on those 3 lines in the top-left corner to enter menu, it’s blank, there are no pages in there which is a problem. I hope this clears it up.
Hi,
In order to have there a menu you’ll need to set a main menu, because the menu from mobile version is the one from main menu; here is our documentation for Main menu https://forum.tagdiv.com/main-menu/
Thank you for your understanding!
I see. Well thanks for your time! Hopefully you guys make this option available in the future.
Hi,
Now in version 9.5 this is possible, you can select the menu for mobile theme direct from tagDiv Composer
-> https://www.screencast.com/t/ZdZBYSjMP
-> https://tagdiv.com/whats-new-in-newspaper-theme-9-5-update/
Hope this will help you to achieve what you need!
Thank you!
