Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS full width horizontal scroll

I have just completed the following website but when I load it I seem to have an excess scroll.

Could you please give me feedback as to why and how could I resolve this issue.

I can post the code here but most people from the previous questions I have had over the last couple of days like a working example

like image 942
Jess McKenzie Avatar asked Sep 05 '26 04:09

Jess McKenzie


1 Answers

So, the NAV element in the footer had a negative right margin, which caused a horizontal overflow, which in turn caused the scroll-bar to appear. I guess, your intention was to move the nav-items further to the right.

To get rid of the scroll-bar, just remove the negative margin, and instead set the width of the NAV to the appropriate value.

like image 65
Šime Vidas Avatar answered Sep 07 '26 21:09

Šime Vidas



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!