Docs

[jsjmccracken]

On http://www.tablerockkennels.com/ how do I move the navbar down so it’s not touching the top of the page? I thought:

.x-navbar {
padding-top: 10px;
}

Or

.x-navbar {
padding: 10px;
}

would do the trick but it didn’t. I want the navbar to have the background showing at the top as well so it can’t touch the top of the page.

Thank you!

Jacob

[Rupok]

Hi Jacob,

Thanks for writing in! It seems you have the following code on your Customizer :

.x-navbar .desktop .x-nav > li > a {
  height: 55px;
  padding-top: 45px;
}

Kindly update this to following :

.x-navbar .desktop .x-nav > li > a {
  height: 55px;
  padding-top: 25px;
  margin-top: 20px;
}

If you are planning to get the whole navbar down to create a space above then you can use this instead :

.x-navbar {
  margin-top: 10px;
}

Hope this helps.

Cheers!

[jsjmccracken]

This is great, thank you!

[Lely]

You’re welcome!

Cheers!

[Author]

Posts