Docs

[Peter C]

Hi,

I’d like my logo to be next to my navigation and have the logo and Nav centered in the header area. (Like http://apple.com) How could I do this with CSS?

Site: http://develophealth.com

Thanks!

[Rue Nel]

Hello There,

Thanks for writing in! Do you want something like this, http://prntscr.com/crl5b6? If that is the case, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar .x-container.max.width {
    width: auto !important;
    max-width: 600px !important;
}

We would loved to know if this has work for you. Thank you.

[Peter C]

That kind of works… On mobile size screens the logo and nav have no padding on the edge of the browser window… Is there a way to center logo and nav and keep the width at say 93%???

Thanks!

Peter

[Friech]

Hi Peter,

Please update the code to this:

@media (min-width:  980px) {
	.x-navbar .x-container.max.width {
	    width: auto !important;
	    max-width: 600px;
	}
}

@media (max-width:  979px) {
	.x-navbar .x-container.max.width {
		max-width: 25%;
	}
}

Hope it helps, Cheers!

[Author]

Posts