WordPress › Support » How to stop movement of content within the browser

Forums

WordPress › Support » Themes and Templates

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

foodopera
Member
Posted 5 months 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
Kelvin Castelino
Member
Posted 5 months ago #

Could you be more elaborate on the issue you facing!
foodopera
Member
Posted 5 months 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
Andrew Nevins
Volunteer Moderator
Posted 5 months 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"?
WPyogi
Volunteer Moderator
Posted 5 months 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.
foodopera
Member
Posted 5 months ago #

Hi WPyogi,

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

Hi Andrew,

I'm using a child theme.

Thanks Ingrid
WPyogi
Volunteer Moderator
Posted 5 months ago #

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