Docs

[bedingfield]

Hi there,

I am using a stacked menu and would prefer the menu to be on the lrfy side of the header. By default, it is centred.

In the 2x version of X, the styles below achieved this, but now I am running the latest build, the navigation is now central. Can you help? Thank you

/* Logo & Navigation - When Stacked */	

.x-logobar {
	text-align: left;
	}
	
.masthead-stacked .x-nav {
	margin-left: -10px;
	padding: 0;
	}
	
.masthead-stacked .x-navbar {
	text-align: left;
	}

[Rad]

Hi there,

Thanks for writing in.

Sure, would you mind providing your site’s URL? I like to see how it’s being rendered.

Thanks!

[bedingfield]

Sure. http://www.elyrunners.club

Ideally, I want it to align directly under logo and to move with logo when browser resized.

It used to do this when I had 2x version of X.

Thank you.

[Nabeel A]

Hi there,

Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-nav li:first-child a {
    padding-left: 0 !important;
}
.masthead-stacked .desktop .x-nav {
    float: left !important;
}

Let us know how this goes!

[Author]

Posts