Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 27, 2014 at 5:44 pm #359099
    WEBIGAMI

    Hi Team,

    I know this topic has been created a lot – but though I’ve been looking for one I can’t find a solution for my issue.

    I have a lot of menu items so that these overlap my logo on th iPad in landscape mode. So I would need to have the mobile menu to appear also in landscape and not only in portrait mode.

    I tried to insert the quick css code I found and looked for the widthin avia.js but didn’t find anything.

    Please advise!

    Thanks,
    Jan :)

    November 28, 2014 at 1:28 am #359316
    Yigit

    Hi jansthh!

    Can you post the link to your website please?

    Best regards,
    Yigit

    November 28, 2014 at 11:26 am #359493
    WEBIGAMI

    Hi Yigit,

    it’s still a draft: http://webigami.de/justcom

    When you resize the browser to iPad landscape width the menu overlaps the logo. The logo is 780 × 200 px big:

    Thanks and Cheers,
    Jan :)

    November 28, 2014 at 5:24 pm #359665
    Yigit

    Hey!

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

    @media only screen and (max-width: 1060px) {
.av-main-nav > li > a { padding: 0 10px; }}

    Regards,
    Yigit

    December 1, 2014 at 8:12 pm #360985
    WEBIGAMI

    Hey Yigit,

    thanks, it’s working in my browser now. But not on the iPad:

    iPad Screenshot Menu Overlap

    Can’t I just tell the theme to activate the mobile menu in landscape on iPad? I could also do it in a child theme if it’s necessary. Please advise.

    Cheers,
    Jan :)

    December 1, 2014 at 8:23 pm #361000
    Yigit

    Hi Jan! :)

    Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.

    Cheers!
    Yigit

    December 2, 2014 at 11:33 am #361397
    WEBIGAMI

    Hi Yigit,

    I already did this before. Doesn’t help… :(

    So what else can I do?
    Jan

    December 3, 2014 at 4:22 am #361934
    Ismael

    Hey!

    Try this on Quick CSS:

    @media only screen and (min-width: 989px) and (max-width: 1024px) {
.av-main-nav > li > a {
padding: 0 5px;
font-size: 12px !important;
}

.logo img {
max-height: 70px !important;
}
}

    Remove browser cache then reload the page.

    Cheers!
    Ismael

    December 3, 2014 at 3:58 pm #362149
    WEBIGAMI

    Hi Ismael,

    great, thank you. Now it works! :)

    Cheers,
    Jan

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Mobile Menu on iPad Landscape’ is closed to new replies.