Disable specific navigations

Posted in: Newspaper
Post count: 140
wpdiv
#40276
Mar 5, 2015 at 9:16 am

Hi

Just take a look on a below screenshot.

http://oi60.tinypic.com/cu8hx.jpg

In some specific mobile resolutions, the navigation is wrapped down even i adjust the font size via CSS. How can i disable such navigation menu in such conditions?

Post count: 7909
Alin [tagDiv]
#40283
Mar 5, 2015 at 10:13 am

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/IoiPYKqhQd

@media (min-width: 768px) and (max-width: 1018px){
.sf-menu > li > a{
padding: 0px 5px 0px 0px!important;
font-size: 14px!important;
}
.sf-menu a.sf-with-ul {
padding-right: 20px !important;
}
.sf-sub-indicator{
right: 9px;
}
}

Or you can try to use short name for menu items.

Hope this helps!

Post count: 140
wpdiv
#40285
Mar 5, 2015 at 10:22 am

Hi alin

Thanks for your reply, we are unable to shorten the anchor text of Menu. Its already too short 😀

Using above CSS did you disabled the menu or what?

Post count: 7909
Alin [tagDiv]
#40312
Mar 5, 2015 at 2:23 pm

Hi,

Unfortunately you cannot add mobile menu on tablets screen, so the only way is to use css code for main menu or to use short names for menu items.
The css code from above helps you to have menu items on single line from screens width 768px to 1018px like in this screenshot: http://screencast.com/t/stbr6Y54tt3h

Thanks!

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.