Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #407785

    I have recently updated my website to Enfold 3.0.8 and have noticed that on mobile devices (iPhone and iPad), the menu items display to the right of the mobile website.

    I have tried changing the options in the theme’s mobile menu set up, but that hasn’t made any difference.

    Please see below for a screenshot from my iPhone.

    Your help would be greatly appreciated.

    Cheers
    Ivana

    #408298

    Hi Ivana!

    Add this to your custom CSS.

    @media only screen and (max-width: 767px){
        .responsive.html_header_sidebar #top {
            position: relative;
        }
    }

    Regards,
    Elliott

    #408375

    Thanks for your quick response Elliott. Unfortunately that did not solve the problem – the menu still appears beside the mobile website as per the screenshot.

    #408379

    Hi!

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

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

    Issue will be fixed on upcoming update.
    Best regards,
    Yigit

    #408388

    Excellent. Thank you Yigit, that fixed the problem and I will update the theme once the new version becomes available.

    Your extremely fast response is greatly appreciated.

    Cheers

    Ivana

    #408389

    Hey!

    You are welcome Ivana, glad we could help! New update should arrive soon. Let us know if you have any other questions or issues

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile menu list displaying on the right handside of website’ is closed to new replies.