Good morning Team TagDiv,
We have put a lot of time into migrating from our existing theme to Newspaper only to discover this morning that the top menu does not display on mobile – a critical issue for us:(
My site is a multi-site with six sub.sites, each addressing a particular sub-set of our audience. When displayed in any mobile device with a width of 770px or less, the top header menu is lost.
I searched the forum and found this post:
https://forum.tagdiv.com/topic/top-bar-not-showing-on-mobile/
We then tried the suggestions in that without success.
We then manually added the top header content to the functions.php file (see http://ideas2live4.com) but that is a very poor solution as it results in a menu 500 metres deep. For example, one site – http://architecture.ideas2live4.com has a top header menu to the seven sites plus 8 categories in the main header menu with 15 more categories in the drop downs. And we have still only migrated less than half our content!
Is there a more elegant solution? I truly love this theme but this is a huge hurdle.
Thanks for your assistance.
David Wilks
Hi,
The entire top-bar meaning menu, social icons, sign in wigdet can be displayed on mobile device but it will not look fine. Also you have to many menu items – http://screencast.com/t/TXZeKqUbxqyY so if you want to show the menu you will have to customize it(smaller fonts, space between items) and use just few items. For example – http://screencast.com/t/dy7Fd7ZD
@media (max-width: 767px) {
.td-header-top-menu-full .td-header-sp-top-menu {
display: block !important;
}
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-widget {
display: none !important;
}
.top-header-menu li a {
font-size: 10px;
margin-right: 8px;
}
}
Hope this helps!
