Make the sidebar wider

[ninety83]

Hi,

does anyone know how to make the sidebar/menu wider? i would like it about 600px wide.

 

thanks in advance

 

regards,

 

ken

[Laura]

Hello, try adding this to style.css of child theme

COPY CODE

.sidebar.sidebar-main {
    width: 600px;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[ninety83]

Hi laura,

I added the css as shown above but it made the ‘side widget’ area instead of the the ‘Side Menu’

Is there a css to make the side menu wider?
Regards,

Ken

[Laura]

Hello 🙂 try

.offcanvas-sidebar { width: 340px !important;}
<\pre>
 Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[ninety83]

Hi again,

I have tried the css above but no luck. the side menu is still the same size (see attached).

Is there anything else i can try?

regards,

ken

Attachments:

You must be logged in to view attached files.

[ninety83]

HiLaura,

i got it to work!!!

whoop whoop!!

thanks again

[ninety83]

I Spoke to soon 🙁

the side panel no longer hides and is always out.

i would like the side panel to stay hidden as the theme is built but when clicked to reveal be 340px wide.

hope this makes sense?

regards,

ken

[ninety83]

Hi,

any help on this?

I would like the sidebar to open to 340px and hen closed disappear as it does.

regards,ken

[Laura]

Hello, sorry for the delay, please try by adding this to style.css of child theme

COPY CODE

.offcanvas-sidebar.side-color.is-open {
    width: 340px !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Author]

Posts