Mobile Menu rendering off screen

  • richard_p

    (@richard_p)


    6 years ago

    When viewing the website on a small screen and you click the menu icon the menu then renders off the screen? I cannot seem to make it align to the right hand side of the screen?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Ashesh Magar

    (@asheshmagar)

    6 years ago

    Hi @richard_p,

    Have you installed any plugins recently? If so try uninstalling the plugins and test if the issue still persists.

    Thanks,
    Ashesh

    Thread Starter richard_p

    (@richard_p)

    6 years ago

    I only have the theme addons running and SiteOrigin Widgets Bundle. I have tried deactivating and the error still displays. I have inspected the code in chrome and if I remove the position: aboslute from the css it displays fully again, although the alignment of the menu icon then changes when menu is open. I cannot see any other css that affects the positioning, which is why I am asking.

    Thanks

    Thread Starter richard_p

    (@richard_p)

    6 years ago

    View post on imgur.com

    This is what it displays like. If I set a fixed width rather than 100% then I can see the menu but it is off the side of the site. I cannot get it to align to the right?

    • This reply was modified 6 years ago by richard_p.
    • This reply was modified 6 years ago by richard_p.
    Thread Starter richard_p

    (@richard_p)

    6 years ago

    If I remove the position:absolute css line on the live site, it displays for chrome browser in responsive but not for chrome iOS?

    I am at a loss, and really need to find a solution as most of our site visitors a smartphone and the site is useless right now. Thanks

    Thread Starter richard_p

    (@richard_p)

    6 years ago

    So I have found the issue. There was an extra line of code in the Additional CSS input which was causing me to chase my tail!! I hope this helps someone else at least who may be having the same issue.

    #site-navigation {position: relative !important; z-index: 9999 !important;}`

    Ashesh Magar

    (@asheshmagar)

    6 years ago

    I am glad that you resolved your issue. 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Mobile Menu rendering off screen’ is closed to new replies.