How to change my left side menu size

This topic has 3 replies, 2 voices, and was last updated 4 years, 4 months ago by Skandha.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
July 27, 2020 at 7:12 am #254210

leon8847
Participant

I think life side menu is little fat, I want let it Thinner.

Can I change it in CSS?

July 28, 2020 at 12:48 am #254291
Skandha
Participant
@leon8847: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
@media screen and (min-width: 120em) {
	#masthead {
	    max-width: 250px !important;
	}
	.below-site-header {
		left: 250px !important;
	}
}
@media screen and (min-width: 100em) {
	#masthead {
	    max-width: 250px !important;
	}
	.below-site-header {
		left: 250px !important;
	}
}
```
Let me know if this works out!
Kind Regards,
Skandha
July 28, 2020 at 9:05 am #254326

leon8847
Participant

Yeah it’s work. thank you very much

but I try all night, I also edit this part at #page and #header.

Why it can’t work?

have to edit @media screen and (min-width: 120em) and @media screen and (min-width: 100em) let it useful?

July 29, 2020 at 1:43 am #254378

Skandha
Participant

@leon8847: Hello there,
Since the max-width is defined in #masthead the CSS needs to changes in #masthead.

I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-vogue/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha
Author

Posts