Change Page Sidebar Width

  • Resolved bagpools

    (@bagpools)


    5 years, 11 months ago

    I am very impressed with the theme, but I would like to make one change

    I would like to narrow the sidebar and widen the main content

    I tried adding to the css template and it worked for desktop perfectly, but it screwed up the mobile responsiveness.

    is there a way to adjust the percentage to 75% – 25%? that doesn’t mess up mobile responsiveness?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello bagpools,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer

    #secondary {
    width: 40% !important;
    float: left !important;
}

#primary{
	float:left !important;
	width:60% !important;
}

    Hope this will helps you.

    Thanks.

    Theme Author Vinod Dalvi

    (@vinod-dalvi)

    @AddWeb Thanks for helping out here in this forum.

    Your help here is really appreciated.

    Theme Author Vinod Dalvi

    (@vinod-dalvi)

    @bagpools
    You can try achieving this by adding the following CSS code in the Custom CSS option of the theme on the below path.

    Admin Area -> Appearance -> Customize -> Additional CSS

    @media (min-width: 992px){
#page #primary{
	width:75%;
}
#page #secondary {
    width:25%;
}
}
    Thread Starter bagpools

    (@bagpools)

    I tried Vinod’s Way first and it worked to perfection
    site looks great on desktop and mobile

    thanks!

    • This reply was modified 5 years, 11 months ago by bagpools.
    Theme Author Vinod Dalvi

    (@vinod-dalvi)

    You are most welcome, I’m glad I was able to help you in this matter. There is no obligation but by your kind words I wonder if I could trouble you to leave a review based on this experience here:

    https://www.ads-software.com/support/theme/ruby/reviews/

    I’d really appreciate that. ??

    And if i can be of any further assistance please don’t hesitate to ask.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change Page Sidebar Width’ is closed to new replies.