Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 2, 2013 at 11:56 pm #27158
    serverlift

    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?

    August 5, 2013 at 5:13 pm #133005
    Devin

    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

    August 5, 2013 at 9:22 pm #133006
    serverlift

    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?

    August 6, 2013 at 5:50 pm #133007
    serverlift

    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:

    View post on imgur.com

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

    August 7, 2013 at 6:19 am #133008
    Ismael

    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

    August 7, 2013 at 4:50 pm #133009
    serverlift

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

    August 7, 2013 at 11:39 pm #133010
    serverlift

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

    August 8, 2013 at 5:59 am #133011
    Ismael

    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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Main Menu on Low Res’ is closed to new replies.