CODEWITHSUNDEEP
csswidthpadding
user1869585
user1869585

Reputation: 665

CSS Issue - Big white space on the right side

I created a WordPresss theme on my blog - http://misstravelgirl.com/

The issue is that when you shrink the browser to about 1060 pixels width or less, you see a big white space on the right side next to the brown box. I am aware that it's the padding in the #palette div that is causing it because when I set the padding to 0, it fixes the problem. However, I still want the padding for the text. So, how can I fix the problem by removing the white space without adjusting the padding?

Upvotes: 0

Views: 1217

Answers (2)

chickenburger
chickenburger

Reputation: 23

Why not try adding padding to your #content div instead of your #palette div and use a media query? @media only screen and (max-width : 1060px) { #content { padding: 20px; } }

Upvotes: 0

ryanhagz
ryanhagz

Reputation: 193

Without any code examples, my help is limited. However, I'd suggest setting the width of the problem div to 100% so that no matter the size of the browser window, it will always fill it. I try to do most of my widths and heights in percentages for this exact reason. You could also try something like overflow-x: hidden;

It would be better if you could post the code you think is the issue.

Upvotes: 1

Related Questions