Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 7, 2015 at 8:52 pm #68064
    Michaela
    Participant

    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

    October 7, 2015 at 11:04 pm #68073
    Sakin
    Keymaster

    @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%; }
}
    October 16, 2015 at 10:30 am #77868
    Michaela
    Participant

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

    October 16, 2015 at 11:47 pm #77955
    Sakin
    Keymaster

    @Michaela: That’s nice…

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Page content and sidebar width’ is closed to new replies.