Tagged: , , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 7, 2016 at 1:25 pm #561168
    dirkvisser

    Hello,

    I have a problem with my current website. When I view the website on landscape (1024×768) on an iPad/browser the mobile menu breaks next to the website.
    Once I click the mobile menu hamburger the menu opens and when I close it the menu has disappeared.

    Thanks in advance!

    January 7, 2016 at 1:44 pm #561180
    Yigit

    Hey dirkvisser!

    According to this site – http://downforeveryoneorjustme.com/, your website is currently down. Please check your link once again.

    Regards,
    Yigit

    January 7, 2016 at 2:27 pm #561227
    dirkvisser

    Sorry, we just had maintenance on our main development server, everything should be up now!

    January 7, 2016 at 2:29 pm #561230
    Yigit

    Hey!

    Seems like you have following code in Quick CSS 

    #wrap_all {
    position: relative !important;
}

    Please try removing it :)

    Cheers!
    Yigit

    January 7, 2016 at 2:33 pm #561234
    dirkvisser

    Hello,

    Yes, I added that to fix the view on mobile and tablet portrait.
    I removed it so you can see how it looks on the other views aswell. The menu is always visible and you can scroll to the side to see it.

    • This reply was modified 8 years, 11 months ago by dirkvisser. Reason: Added info
    January 7, 2016 at 5:17 pm #561378
    dirkvisser

    I used this snippet from yours to get the result of a good view on mobile and tablet portrait: http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

    It somehow fixed the broken menu’s on mobile and tablet portrait and when I remove the snippet all views become a mess.

    Thanks in advance.

    January 7, 2016 at 5:43 pm #561386
    Yigit

    Hi!

    I tried resizing browser window and checked your site on http://ipadpeek.com/ but cannot reproduce issue any more. Have you been able to figure it out?

    Regards,
    Yigit

    January 7, 2016 at 6:04 pm #561400
    dirkvisser

    Hello Yigit!

    When you hold right arrow on http://ipadpeek.com or the developer responsive view on Firefox or Chrome you can replicate the problem.

    Here is an example:
    problem menu

    Since I removed the #wrap_all I have the same issue again on mobile and normal tablet view aswell.
    You can basicly drag your mobile device screen to the side and see the menu.

    Best regards

    January 7, 2016 at 6:30 pm #561422
    Yigit

    Hi!

    I added following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1024px) {
#wrap_all {
position: relative !important;
}}
@media only screen and (max-width: 1024px) and (min-width: 990px) {
#wrap_all { overflow: hidden !important; }}

    Please review your website now

    Cheers!
    Yigit

    January 7, 2016 at 6:37 pm #561427
    dirkvisser

    Hi Yigit!

    The menu works normally now on all devices! Thank you so much! :)

    Have a nice day and happy new year!

    January 7, 2016 at 6:38 pm #561430
    Yigit

    Hey!

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Have a great day and happy new year to you too! :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Mobile menu broken on tablet landscape view’ is closed to new replies.