Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 14, 2015 at 3:42 pm #379439
    sitesky

    How can we set the mobile menu to show when viewing the site on iPad – both landscape and portrait ?

    Thanks

    January 14, 2015 at 4:00 pm #379467
    sitesky
    This reply has been marked as private.
    January 14, 2015 at 4:09 pm #379481
    sitesky

    We have set it portrait to mobile menu – via the theme settings. However we need this to happen on landscape too.

    Please advise

    January 14, 2015 at 4:14 pm #379486
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1165px) and (min-width: 990px) {
.av-main-nav > li > a { padding: 0 7px; }
.logo * { max-width: 80%; top: 8px; }}

    Cheers!
    Yigit

    January 14, 2015 at 4:20 pm #379492
    sitesky

    HI,

    Can we make the text smaller and potentially remove spacing between menu items – landscape view?

    January 14, 2015 at 4:23 pm #379495
    Yigit

    Hey!

    Have you tried the code i posted here – https://kriesi.at/support/topic/ipad-mobile-menu/#post-379486
    It should make the spacing between menu items smaller and reduce the logo size between 1165px and 990px screensizes

    Regards,
    Yigit

    January 14, 2015 at 4:24 pm #379498
    sitesky

    I tried it, there was an improvement… But still we are seeing some overlapping

    January 15, 2015 at 7:09 pm #380292
    Yigit

    Hey!

    Following code is not being applied 

    .av-main-nav > li > a { padding: 0 7px; }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.