Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 2, 2017 at 2:19 am #802832
    Briana

    Can you please assist us in fixing the following tablet landscape display error please? :)

    (photos in private section)

    If it’s better to have a non-hamburger style menu where the menu items don’t overlap the logo that works too – I would just need assistance with the css needed to achieve it.

    • This topic was modified 7 years, 5 months ago by Briana.
    June 2, 2017 at 12:53 pm #802984
    Rikard

    Hey Briana,

    Could you try updating the theme to the latest version (4.0.7) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Rikard

    June 6, 2017 at 2:35 am #804258
    Briana

    Hi Rikard,

    I have now updated the theme and the error persists.
    :( Sigh.

    Let me know if you require log in information.

    June 6, 2017 at 6:53 am #804332
    Nikko

    Hi,

    Yes, please provide it. So we can have a closer look.

    Best regards,
    Nikko

    June 6, 2017 at 7:29 am #804351
    Briana

    Please see login for admin in private section.
    Thanks for your help guys :D

    June 6, 2017 at 9:50 am #804417
    Rikard

    Hi,

    Thanks for the login details. I can’t reproduce the error on my end though when checking on ipad mini/chrome, did you make sure to clear your browser cache and reload the page after updating?

    Best regards,
    Rikard

    June 8, 2017 at 12:59 am #805406
    Briana

    Hello Rikard,

    I have checked on our Samsung Galaxy Note 2 Tablet on landscape and simulated the browser size for tablet range on my desktop and it is still giving me this error (showing part of the mobile menu).
    I made sure to try different browsers and to clear the cache. Still no go.
    It seems to break once it hits 998px wide.

    June 9, 2017 at 9:11 am #805926
    Rikard

    Hi,

    Thanks for the feedback. Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    June 13, 2017 at 5:19 am #807219
    Briana

    I tried the css snippet provided ( and then cleared cache on the tablet browser etc) and also increased the max width to see if it would help but it still looks the same – showing part of the mobile menu on the right.

    Sorry to be a pain. I just have no idea what I would have done to break it as I have used this theme for years now without running into this particular issue.

    Any further things we could try? *log in info is in a private section in an earlier reply if needed*

    June 13, 2017 at 8:57 am #807279
    Rikard

    Hi,

    Thanks for the feedback, do you have any custom CSS or did you do any changes to the theme files at all? If so, please try to remove them one by one to see which one is causing the problem.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.