[Michaela]

Hi Sakin,

a long time ago you gave me a code to adjust the sidebar to the width I needed (it was too big before): http://catchthemes.com/support-forum/topic/google-ads-customization/

I still want to leave the sidebar as wide as it is, but now I changed

.site {
	width: 1280px;
	margin: 40px auto;		
}

to

.site {
	width: 100%;
	margin: auto;		
}

as I like this style better.
The only thing now is that my text in the content part of my sites doesn’t go all the way to the right (see http://travelintense.com/eco-travel-destinations/).
How do I have to adjust the code you gave me back then to make the pages look nice on all devices? (I already tried figuring out a system in the size widths you gave me, but couldn’t find one.)

Thanks a lot,
Michaela

[Sakin]

@Michaela: So, if you want to user percentage. Then you need to use percentage for content and sidebar as well. So, you need to replace that previous css with the following css:

#primary { width: 80%; }
#secondary { width: 20%; }
@media screen and (max-width: 960px) {	
	#primary, #secondary { width: 100%; }
}

[Michaela]

Perfect, thanks a lot. I changed the 80% to 75%, to give it a little more space inbetween, and it looks great!

[Sakin]

@Michaela: That’s nice…

[Author]

Posts