Mobile Menu Problem

Posted in: Newspaper
Post count: 8
SenhorCabo
#35263
Jan 22, 2015 at 12:11 pm

Hi,

I have a small problem with the menu.
When I view it on mobile, the menu toggles to the mobile version which is great.

The problem I’m having is when viewing the website on an Ipad, the menu does not change to the mobile version and the menu drops to two lines, which does not look so great.

I had a feeling there was a problem with the toggle, that the width is too small but I can’t seem to find the file to change.

Please let me know if you could help me?

Kind Regards
Tyron Frahm

Thanks so much

http://senhorcabo.com/

Post count: 6600
Lucian
#35301
Jan 22, 2015 at 4:17 pm

Hi,

This happens because you use many menu items, you can use this custom css to fix this: http://screencast.com/t/KGCiq5iV


@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu > li > a {
padding-left : 0px !important;
}
.sf-menu a.sf-with-ul {
padding-right: 26px !important;
}
.sf-menu > li > a {
font-size: 13px !important;
}
}

@media (min-width: 1019px) and (max-width: 1200px) {
.sf-menu > li > a {
font-size: 15px !important;
}
}

Thanks

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