Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 8, 2014 at 3:54 pm #248812
    Marie

    Hi,

    Menu is working perfectly in the iPad Portrait format, but not in in the horizontal one. Clicking doesn’t seem to have any effect…
    How could I solve that ? Thank you very much for your help !
    http://www.auxigene.net/

    Marie

    April 8, 2014 at 5:26 pm #248858
    Yigit

    Hey marienoisette!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 1140px) {
.main_menu ul:first-child > li > a {
padding: 0 7px!important; }}

    Regards,
    Yigit

    April 8, 2014 at 5:37 pm #248872
    Marie

    Hey Yigit, thanks.
    But no changes on my side (I refreshed etc…). The menu button still turns green when i hover it but nothing happens when i click…
    Marie

    April 9, 2014 at 8:07 am #249140
    Ismael

    Hey!

    Thank you for using the theme!

    Please go to Enfold > Header > Mobile Menu > Header Mobile Menu activation. Select the Activate for Smartphones and Tablets (browser width bellow 990px) option. This will force the mobile menu to show on iPad landscape mode.

    If you added a css code that looks like this on custom.css or Quick CSS, please remove it:

    @media only screen and (max-width: 990px) {
.responsive #header .main_menu ul {
display: none;
}
}

@media only screen and (max-width: 990px) {
.mobile_active #advanced_menu_toggle {
display: block;
}
}

    Best regards,
    Ismael

    April 9, 2014 at 10:16 am #249174
    Marie

    Hey Ismael,
    Thank you so much ! it’s working :)
    Indeed I had to remove the following code from my quick css
    @media only screen and (max-width: 990px) {
    .mobile_active #advanced_menu_toggle {
    display: block;
    }
    }

    Last question though -> Do I still have to let the following code in my quick css (from Yigit’s previous message) ?
    /*Menu iPad horizontal*/
    @media only screen and (max-width: 1140px) {
    .main_menu ul:first-child > li > a {
    padding: 0 7px!important; }}

    Thanks again.
    Best regards,

    Marie

    April 9, 2014 at 1:28 pm #249224
    Yigit

    Hey Marie!

    That code is to decrease the padding between menu items on screens smaller than 1140px to stop menu from overlapping your logo.

    Regards,
    Yigit

    April 9, 2014 at 3:30 pm #249296
    Marie

    All right thank you very much Yigit !
    Best regards,

    Marie

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Menu problem iPad landscape’ is closed to new replies.