Change sidebar width?

[hbcondo]

Hi, is there a way to reduce the width of the main sidebar? I selected the maximum width for the main content but the sidebar is still too wide.

[Kieran_SQ]

Hi,

You can use custom CSS to override these values. If you’re using the KLEO Child theme please go to WP Admin > Appearance > Editor > KLEO Child > Style.css and add the below CSS

COPY CODE

#main-container .col-sm-9 {
    width: 85% !important;
}
#main-content .col-sm-3 {
    width: 15% !important;
}

If you’re using the KLEO parent theme you can add this via WP Admin > Theme Options > General Settings > Scroll to: ‘Quick CSS’.

Please completely purge any website/host caching, CDN and your browser cache (Ctrl+F5) to see the changes.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[hbcondo]

Thanks, I ended up overriding the php theme function kleo_switch_layout in my child theme function and altering the case ‘3lr’ with different numerical values for ‘col’ per the bootstrap docs. I did this so the right / extra menu is wider and the left / main side menu is smaller. Do you think this override will stay compatible with future kleo updates?

[Kieran_SQ]

Hi,

Yes, overriding this way via the Child theme will surely be compatible with future releases of KLEO.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts