WordPress.org

Support

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

How to stop movement of content within the browser

Viewing 6 replies - 1 through 6 (of 6 total)
  • Kelvin Castelino

    @kelvincastelino

    Could you be more elaborate on the issue you facing!

    foodopera

    @foodopera

    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.

    foodopera

    @foodopera

    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.
Skip to toolbar