Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 3, 2014 at 4:16 pm #362169
    raymcginty

    Hi,
    I built a site based on the Enfold Photography demo.
    The home page will not scroll so if the site is opened on a small monitor e.g. a laptop, or in a small browser window it is impossible to access menu items near the bottom.

    Is there a work around for this?

    Thanks.

    December 3, 2014 at 11:58 pm #362588
    Elliott

    Hey raymcginty!

    Navigate to Dashboard > Enfold > General Layout and make sure the “Sticky Sidebar menu” option is set to never sticky.

    Regards,
    Elliott

    December 4, 2014 at 4:48 pm #362986
    raymcginty

    Hey Elliott!

    Thanks for the tip. I tried it but it didn’t make any difference. The home page fills the browser window, but you cannot scroll down to see any menu items below the fold. I also tried each of the other settings: “Sticky if sidebar is smaller than the screen”and “Always Sticky”. The page always behaves the same.

    Also on a short page (for example Portfolio on this site) the complete menu does not get drawn to the screen – the page stops at a height of the content in the main content area – so menu items near the bottom don’t show even if you expand the browser window.

    Cheers,

    Ray

    December 4, 2014 at 5:08 pm #363010
    raymcginty

    Hi Elliott,

    I discovered that adding the following to my custom stylesheet ‘style.css’ restores the ability to scroll to the bottom of the menu. Is this the best way to achieve this?

    #wrap_all {
    overflow: visible;
    }

    Thanks,

    Ray

    December 4, 2014 at 11:54 pm #363319
    Ismael

    Hey!

    You can add a scroll bar on the sidebar menu but it won’t look that good:

    .html_header_left #top #header {
overflow: auto;
}

    Or decrease the menu padding and font size. The left sidebar header works well when content is taller than the side header.

    Regards,
    Ismael

    December 5, 2014 at 12:25 pm #363520
    raymcginty

    Hi Ismael,

    Thanks for that. It looks fine in Safari and FF on the Mac where the scroll bar fades out when not in use, but very clunky in Windows IE.

    Inspired by your example I modified my code to:

    #wrap_all {
    overflow: auto;
    }

    Which seems to be the best compromise all round.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Enfold Photography demo – front page won't scroll’ is closed to new replies.