WordPress.org

Ready to get started?Download WordPress

Forums

How to stop movement of content within the browser (7 posts)

  1. foodopera
    Member
    Posted 1 year ago #

    http://www.foodopera.com

    Can you lock the content of the blog in place so it doesn't move within the browser when you use your mouse or touchpad?

    Thanks

  2. Kelvin Castelino
    Member
    Posted 1 year ago #

    Could you be more elaborate on the issue you facing!

  3. foodopera
    Member
    Posted 1 year ago #

    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

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    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"?

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  6. foodopera
    Member
    Posted 1 year ago #

    Hi WPyogi,

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

    Hi Andrew,

    I'm using a child theme.

    Thanks Ingrid

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic