Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 30, 2015 at 8:29 pm #388497
    niguli

    Hi
    I’m having this problem. I migrated a site to the new theme Enfold. I had to put this css rule to prevent on iPad in lanscape mode the menu text overlaps on the logo. ..

    @media only screen and (max-width: 1283px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}

    This way in lansdacape mode the main navigation menu is grouped into the sandwich button like on iPhone. The problem is that on the iPad mode landascape menu even when clicked doesn’t open. It only opens when I turn it again in vertical format. How can I fix?
    screenshot here:
    ipad landscape mode

    January 31, 2015 at 1:44 pm #388743
    ncase
    This reply has been marked as private.
    February 2, 2015 at 7:18 am #389159
    Ismael

    Hey!

    Thank you for using Enfold.

    Please remove the modifications above then go to Enfold > Header >Mobile Menu panel. Set the Header Mobile Menu activation settings to the second option.

    Best regards,
    Ismael

    February 2, 2015 at 8:23 am #389178
    niguli

    @ismael. I kwow it. But this is not the definitive solution for me. If I do this way, in Landscape mode (iPad) the first 3 menu voices overlap the Logo. I need to activate the sandwich mode in Landscape mode. Can you help me?

    • This reply was modified 10 years, 9 months ago by niguli.
    February 2, 2015 at 8:25 am #389180
    niguli

    @ncase… I cannot see your private reply :(

    February 2, 2015 at 8:44 am #389187
    niguli

    menu overlapping

    February 2, 2015 at 9:28 am #389200
    ncase

    No, that solution doesn’t help me either!
    I had already selected the second option.

    February 2, 2015 at 9:31 am #389202
    ncase

    By the way @niguli – you could consider a different header option – e.g. logo above menu below?
    Just a suggestion.

    February 2, 2015 at 5:55 pm #389500
    Yigit

    Hey!


    @niguli     Can you post the link to your website please?


    @ncase     please add following code to Quick CSS 

    @media only screen and (max-width: 1160px) and (min-width: 990px) {
div#header_main .container { padding-left: 0; }
.logo * { max-width: 78%; top: 10px; }}

    Best regards,
    Yigit

    February 2, 2015 at 6:08 pm #389519
    niguli

    No, encase, my client wants the logo on the left

    February 2, 2015 at 6:10 pm #389520
    niguli
    This reply has been marked as private.
    February 2, 2015 at 6:13 pm #389524
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 1300px) and (min-width: 990px) {
.av-main-nav > li > a { padding: 0 6px; font-size: 12px; }
.logo * { max-width: 75%; top: 11px; }}

    Best regards,
    Yigit

    February 2, 2015 at 7:40 pm #389583
    niguli

    hi, that works. I only have to decrease font-size to 11px instead 12px because I needed to enlarge the png logo a little bit.

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Sandwich Menu Botton doesn't open in iPad landscape mode’ is closed to new replies.