Tagged: sidebar
- This topic has 3 replies, 2 voices, and was last updated 9 years, 7 months ago by Sakin.
-
AuthorPosts
-
April 24, 2015 at 8:02 am #56532rkmoonakMember
I am using default layout of “Left Sidebar”. I need to reduce left sidebar width and increase content width. Layout should be responsive.
April 24, 2015 at 3:09 pm #56560SakinKeymaster@rkmoonak: You can increase the width of Primary and decrease the width of the secondary in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:
@media screen and (min-width: 783px) { .two-columns #primary { width: 64%; } .two-columns #secondary { width: 34%; } }
April 24, 2015 at 4:39 pm #56565rkmoonakMemberNot sure if above solution is working correctly.
Please visit https://eventslogbook.com and you will notice that sidebar has a lot of unused space (width), which I want to reduce. Please advise how? Thanks.May 2, 2015 at 4:56 pm #56986SakinKeymaster@rkmoonak: Then you can replace the above css with the following css:
@media screen and (min-width: 960px) { .two-columns #primary { width: 76%; } .two-columns #secondary { width: 22%; } }
Note: Sorry for the late reply as we are still in state of emergency due to massive earthquake in Nepal. Internet, electricity, water and sanitation are huge problem here. We are also helping others in the community so we are slowing getting back online.
-
AuthorPosts
- The topic ‘Left sidebar width’ is closed to new replies.