Jump to content

[Solved] Mysterious white space at the top, and horizontal scroll bar, how to remove them?


Tritix

Recommended Posts

Hello, I have a problem with the top of a store, there appears a small white space above everything as can be observed in the image, does anyone have any idea why this white space appears?

Another question, is it about the horizontal scroll bar that appears in the store, how can I remove it?

I did a search in the forum, but I did not find any solution that worked :(

Thanks in advance for everyone's help!

space-blank-top.jpg

horizontal-scroll-bar.jpg

Edited by Tritix (see edit history)
Link to comment
Share on other sites

right click and do 'inspect'

you should get a red outline around the div that your hovering over, if you scroll right and then move your mouse down the right hand side youl see this red line change as you go over different elements, find the one where the red outline goes all the way to the edge of the page and it should show you which div is too wide in the inspector window, look at the width and the padding of that element as its probably set to 100% with some padding added too. remove the padding or set the width to less than 100%

This will get rid of the horizontal scroll bar.

As for the top space, try adding this at the top of your css file

* {padding:0; margin:0}

or inspect the header div as it probably has margin or padding added

Link to comment
Share on other sites

  • 2 weeks later...
  • 6 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...