Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #27158

    We are having problems with the “fixed layout” setting of the theme. When “fixed layout” is chosen, the main menu does not fully display for users with low resolutions. Moreover, no horizontal scroll bar appears for these users to allow them to navigate left to right and chose the menu level option they need. What can be done to resolve this?

    #133005

    Hi serverlift,

    What device type is this happening on? Most devices should have a zoom in/out option available at this point.

    Can we see the site live? The overflow is set to hidden on the main container and most sub containers as well but we can try some options based on the styling choices you have specific to your site.

    Regards,

    Devin

    #133006

    Hi Devin,

    The site is not yet live, we are developing it within a staging site that is password protected. We noticed this problem when someone on our team logged into the staging site from their mobile device. They were not able to zoom out. Later we changed the resolution of one of our monitors to 800×600 and saw the same problem, that there is no ability to scroll side to side if the layout is set to fixed.

    Could you provide an idea of what configurations we could change to fix this problem?

    #133007

    Here is a URL of how our main menu displays when the resolution is set to the kind you would see with a mobile device:

    http://imgur.com/kjirQbo

    How can we get the side-scrolling ability with a fixed layout?

    #133008

    Hi,

    Please add this on your custom.css or Quick CSS

    body {
    overflow-x: scroll;
    overflow: visible;
    }

    You can only scroll to the right when you reached the bottom of the page.

    Regards,

    Ismael

    #133009

    I added the code to the website, but it did not render. Do I need to add !important after it?

    #133010

    I have also added !important after the css, but it has still not worked. What other options are there?

    #133011

    Hi,

    It works on my end. Please give us a link to your website. Try this:

    html, body {
    overflow-x: scroll;
    overflow: visible;
    }

    Regards,

    Ismael

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

The topic ‘Main Menu on Low Res’ is closed to new replies.