A new site I am working on the layout for is giving me fits with the width of the site…
If you visit the site you will see that there are horizontal scroll bars and I for the life of me can’t figure out what’s causing it. Any help would be greatly appreciated, I am sure it’s something obvious I am missing…
Thanks.
Hi,
The problem is in your drop down menu, you have set your sub ul to 150% width.
ul { left: 0;
margin: 0;
padding: 0.4em 0;
position: absolute;
top: 100%;
visibility: hidden;
[COLOR=#ff0000]width: 150%;[/COLOR]
z-index: 9999;
}
If you hover on Products & Services each sub ul gets wider due to the rule above in red.
Actually you have a sub-menu class <ul class=“sub-menu”> but there are no styles to it. That is where you will need to reset the width