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.
This topic has been closed for replies.
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);
Sign up
Already have an account? Login
To post, reply, or follow discussions, please sign in with your Adobe ID.
Sign inSign in to Adobe Community
To post, reply, or follow discussions, please sign in with your Adobe ID.
Sign inEnter your E-mail address. We'll send you an e-mail with instructions to reset your password.
AdChoices