Getting stacked logo layout to work

[johnyct9760]

Hi X Team so I’m trying out the stacked layout on my website:

Home - Truecare Chiropractic

And its not going very well.

The first design challenge was the x-navbar-inner was pressing up on the interface and over lapping the nav buttons:

Screenshot

So I added the following CSS:

.x-navbar-inner {
min-height:75px;
}

I always get nervous abut adding CSS on sensitive areas cause I’m afraid I’m going to break something. And now when I got to mobile there is a big ugly space:

Screenshot

Can you please help me get the effect I’m looking for the stacked nav looks good all interfaces.

Thanks,

John

[nabeel]

Hi John,

Thank you for reaching out to us. Please remove your CSS from the theme first and then navigate to Theme Options > Header > Navbar > Navbar Top Height and set it to 80 (see screenshot)

• To fix the mobile button spacing issue, navigate to Theme Options > Header > Mobile Button > Mobile Navbar Button Alignment (px) and change the value to 15 or less (see screenshot)

Let us know how this goes!

[johnyct9760]

Worked great your are the king!

Also I’ve got a new site up do you have a guide on best practices to get X in a place where the SEO is working good?

[nabeel]

Hey John,

X has been built from the ground up using the latest, semantic HTML5 markup, allowing search engines to easily distinguish where your main content starts and ends and easily distinguish what it is about. However you can install a third party plugin such as Yoast SEO or All in One SEO Pack to optimize your site for search engines.

Hope this helps!

[johnyct9760]

Thanks a lot for the help!

[thai]

You’re welcome.