Space on the right side of the header when scaling

I am developing this website.

The problem I am facing is a space on the right side of the header when zoomed in. I did all kinds of things, but could not fill the title bar with black in white.

Corresponding CSS: (I am not pasting all the code as it is too long, you can find it on the website)

header { float:left; width:100%; height:700px; background:#000000; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; } .header_main { background: #000000; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; float:left; height:800px; width:100%; } 
+1
source share
2 answers

There are many problems as indicated below:

1 .slideshow{margin: -10px 0 0 50px;} Remove this line from the .slideshow class

2 .headrouter{ padding-left:100px; width:1200px;} .headrouter{ padding-left:100px; width:1200px;} Delete set width and width: 1100px

3 #site_content {margin-left:50px; } #site_content {margin-left:50px; } remove margin-left

4 Add overflow-x: hidden in the body, as shown below:

  body { background: none repeat scroll 0 0 #FFFFFF; font: 80% Arial,Helvetica,sans-serif; overflow-x: hidden; } 

This should solve the problem.

0
source

This is because at http://www.brilliantseotechnologies.com/css/2nav.css you have a width: 98% for your ul.menu class

0
source

All Articles