Need help with logo CSS

Support
#1

Hello

How can I use CSS to move my logo up. Currently it’s not centered.

thanks

chris…

#2

Hi Chris,

Thank you for writing in, please navigate to Theme Options > Header and adjust the Navbar Top Logo Alignment



Hope it helps,
Cheers!

#3

Hi

I tried this and it doesnt move my logo. I replaced the theme logo with an image, if that help you? Not sure how to move it around on the top bar nav.

thanks!

chris…

#4

Hi Chris,

Please set the Navbar Top Logo Alignment to 0 then add this code in the Global CSS:

.x-brand {
    line-height: 0;
}

In case you want to add more spacing on the top and bottom of the logo, please add this code as well:


.x-brand.img img {
    margin-top: 10px;
    margin-bottom: 10px;
}

Feel free to change the value of the top and bottom margin in the code above.

Hope this helps.

#5

Is the global CSS in the theme area? Child Pro then click Customize?

#6

Hello Chris,

Thanks for updating the thread. :slight_smile:

You can the CSS in the Child Theme or under Pro > Theme Options > CSS. Here’s a screencast that you can refer.

Thanks.

#7

thank you!

#8

You’re most welcome!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.