Docs

[TravisM]

Hi.

I’m making a new site in X Theme and i’m really happy with the progress. But there a couple of changes I want to make and I’m not sure how (I’m not that skilled in code etc!)

My site is http://sandbox.sweetandsour.net.au (Development Site)

My Changes are:

1. How do I put a bit more gap between my logo and the nav bar?
2. How can I extend the nav bar so it is the same length as the content (same length as the slider etc)
3. How can I recolour the navbar to a straight black (remove the gradient)
4. How can I center everything in the nav bar?

Hope you get what I am asking!

[Rahul]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[TravisM]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information.

#1] To add a gap between the logo and the menu, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar .x-brand {
    margin-bottom: 30px;
}

#2] To extend the navbar, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar .x-container.max.width {
    width: 100%;
}

.x-navbar .desktop .x-nav>li:last-child>a>span {
    padding-right: 0;
}

#3] To change the background color of the navbar, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.masthead-inline .desktop .x-nav {
    display: block;
    background-color: black;
    width: 100%;
}

#4] To center everything in the navbar, please select the stacked layout in the customizer. Please go to Appearance > Customize > Header > Logo and Navigation and select “Stacked”.

Hope this helps.

[Author]

Posts