[stephdenis]

How can I change sidebar width to 180px on normal computer screen, but not affect any change to mobile responsiveness?

I want to make this change in the style.css of child theme.

Can you please provide code?

(:

[serkan]

Hi,
Do you mean menu bar? Then you can use this custom css code;

@media screen and (min-width: 768px) { .modern-layout .site-main { left: 180px; } 
.header-wrap { width: 180px; }
.header { width: 180px; } }

Thanks

[stephdenis]

Yeah the menu bar (:

I added the code in Customize / Custom CSS but the result is: the menu bar becomes all black (no more nav menu and picture. All black. And menu nav bar does not change width.

Any suggestion ?

[serkan]

Hi, It doesn’t make sense. Could you provide me your related url, please?
Thanks

[stephdenis]

http://stephdenis.biz/

[serkan]

Hi, I will forward this topic to our developer. Thanks for your patience.

[stephdenis]

any news on this issue?

[serkan]

Hi,
Please use the custom css code again.
Thanks

[stephdenis]

Great. It works. I added the code in Appearance/Customize/Custom CSS. In the case that I update the theme, will the code be lost?

[serkan]

Don’t worry, your content will not be lost.