[yshankarParticipant]

My header is not responsive.

From resolutions 1280 x 800 and higher it is working great.

But for resolutions below that, it is crunching the header. I have looked at other posts and have tried a few things, but does not seem to work. I would appreciate some help. I am attaching a screen shot of the header. This is a big issue for me, since some of my users use devices that have a resolution below 1280 x 800.

Thanks for your help.

[RupokMember]

Hi there.

Thanks for writing in! it’s because you are not using logo rather text which is taking lots of space and simply there is no enough room for the menu items since the font-size is big as well. You can add this under Custom > CSS in the Customizer.

@media only screen and (min-width: 980px) and (max-width: 1230px) {
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}
.x-brand {
	margin-top: 30px;
	font-size: 28px;
}
}

Hope this helps.

Cheers!

[yshankarParticipant]

Thanks for your response. It worked perfectly.

[JoaoModerator]

Glad to hear it,

Cheers

[Author]

Posts