Support » Themes and Templates » How to stop movement of content within the browser

Viewing 6 replies - 1 through 6 (of 6 total)
  • Could you be more elaborate on the issue you facing!

    Sure.

    when I view my blog In firefox, I can move the content around the browser with my touch pad. It doesn’t happen in Safari or Chrome brower just Firefox. I can scroll up and own with my touch pad (which is correct) but I can also move the content from left to right, instead of the content being fixed in the centre of the browser.

    Does that make anymore sense?

    Thanks Ingrid

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Look at adding overflow-x: hidden; to your <body> element. Are you using a Child Theme or does that theme come with a section in the dashboard similarly named to, “Custom CSS” or “Custom Styles”?

    WPyogi

    (@wpyogi)

    Forum Moderator

    A scrollbar typically appears when the browser window is narrower than the site width — and your width is set quite wide here:

    #wrapper, #access, #colophon, #branding, #main {
        width: 1100px;
    }

    Hence a scroll bar appears when the window is less than that.

    Hi WPyogi,

    should I change the width to my content width of 800px?

    Hi Andrew,

    I’m using a child theme.

    Thanks Ingrid

    WPyogi

    (@wpyogi)

    Forum Moderator

    Yes, probably. It really does not make sense to have those contained elements set wider than the body — which is set to 800.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to stop movement of content within the browser’ is closed to new replies.