Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #561168

    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!

    #561180

    Hey dirkvisser!

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

    Regards,
    Yigit

    #561227

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

    #561230

    Hey!

    Seems like you have following code in Quick CSS

    #wrap_all {
        position: relative !important;
    }

    Please try removing it :)

    Cheers!
    Yigit

    #561234

    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 4 years, 5 months ago by  dirkvisser. Reason: Added info
    #561378

    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.

    #561386

    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

    #561400

    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

    #561422

    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

    #561427

    Hi Yigit!

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

    Have a nice day and happy new year!

    #561430

    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

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Mobile menu broken on tablet landscape view’ is closed to new replies.