Top menu not correcty working on mobile

Posted in: Newspaper
Post count: 1
Belgarath
#50788
May 27, 2015 at 5:11 pm

I’m using style 3 header. Top menu doesn’t work correctly on mobile. The orizontal navigation does’t hide on lower resolutions and remain visible under mobile menu icon and mobile logo.

http://www.thestylosopher.com/

I don’t hunderstand what’s wrong.

Thanks in advance.

Post count: 7909
Alin [tagDiv]
#50791
May 27, 2015 at 5:26 pm

Hi,

You have this issue because you use header style 3 on blog stack. There is an header style especially created to be used on blogs – http://screencast.com/t/smR9n0COvP
If you want to use like this you can try this custom css in Theme Panel > Custom Css my suggestion is to use Blog Style header – http://screencast.com/t/ex5HKZ3y

@media (max-width: 767px) {
#td-top-menu .sf-menu {
display: none !important;
}
.blog-stack #td-top-search{
right: -50px;
top: -75px;
}
.header-search-wrap .dropdown-menu {
left: -56px!important;
}
.header-style-3 .td-logo img{
width: 150px;
}
}

Thanks!

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