Padding of Big Title header logo

Hello there,

If you want to add padding on the header logo you can try the following custom CSS code

header .navbar-brand {
    padding: 20px 7px 20px 0px;
}

Let us know if you need help with anything else!

• This reply was modified 7 years, 11 months ago by Poonam Namdev.

Hi thanks for your help but this didnt work.
in the staging site here: https://e7e.b0d.myftpupload.com/ i need to move the logo “super little greens company up the page a little, its too far down when the page loads, if i check the page code there is a padding statement as below – i need to change the padding-top to be 10px or 15px instead of the 154px it is now…? thanks for your help. cheers Kevin

<div class=”overlay-layer-wrap”>
<div class=”container overlay-layer” id=”llorix_one_lite_header” style=”padding-top: 154px;”>
<!– ONLY LOGO ON HEADER –>
<div class=”only-logo”><div id=”only-logo-inner” class=”navbar”><div id=”llorix_one_lite_only_logo” class=”navbar-header”></div></div></div><!– /END ONLY LOGO ON HEADER –>

Hi,
Please use this custom css code:-

.header .overlay-layer {
    padding-top: 40px !important; /* 10px padding will overlap at menu*/
}

Thanks

That’s brilliant thank you, worked very nicely ??

Hi,
You are most welcome.