Answered
Get Rid of Need for Scrolling Left/Right Desktop
Why can't I get rid of the need to scroll left/right here? I tried this
max-width: 100%;
overflow-x: hidden;
I tried taking out the side phone number.
But that didn't fix it either.
Why can't I get rid of the need to scroll left/right here? I tried this
max-width: 100%; overflow-x: hidden;
I tried taking out the side phone number.
But that didn't fix it either.
https://carthagemills.com/index-test.php
By @acobbcarthagemills
Change the width of your #header_logo css from 100% to 200px as shown below. The logo image in that div is set to 200px so the div should be set to 200px:
#header_logo
absolute top: 5px; left: 40px; right: 0; width: 200px; z-index: 990; padding-right: 5px;
Just so you understand what's happening - You have set the width of the header_logo container to 100% and have also set a left position of 40px. That makes the container more that 100% hence the scrolling right. box-sizing: border-box; only takes into account padding/margin
You could also use css calc to calculate the width if for some reason you need the header logo container to be 100%.
width: calc(100% - 40px);
AdChoices