Header CSS help

hql · April 2022

Hi, I was wondering if you could help me. I added some padding around the Top row in the header using the css

.top_bar_row {

padding: 20px 0px 0px 0px;

}

And my main menu bar is a sticky when scrolling but im having the issue below, I know its a css related issue so could you help me fix this?

asdasd.png

https://www.thetechbase.co.uk/

Phil · May 2022

Hi,

Please, use the following CSS:

#Top_bar.is-sticky{
   height: 100px!important;
}

Thanks

hql · May 2022

Absolutely perfect, thank you so much !!!

hql · May 2022

Is there anyway we can set the size of the sticky header logo?

Phil · May 2022

You can find all settings for logo in Betheme -> Theme options -> Global -> Logo.

Thanks

hql · May 2022

So i have to try upload different size logo for the sticky header? I cannot set the size here?

Phil · May 2022

You can check the option Remove max-height & padding for Sticky Logo, and the image should increase.

Also, you can put a bigger image.

Furthermore, you can try to play a little with CSS code to change its size.

Thanks

hql · May 2022

Perfect thats worked! Can you advise me on how to get the best size logo for this theme, as Ive uploaded a large file of the logo but my logo looks quite blurry so what is the best dimension or how can I improve this?

Phil · May 2022

I suggest using the SVG logo. It can be resized however you want, and it will look good regardless of its dimension.

WordPress does not support SVG file upload, but you can enable it in Betheme -> Theme options -> Global -> Advanced.

However, if you still want to use a different file extension, the higher resolution you choose the better your logo will look. You need to do some more tests.

Best regards

Header CSS help

Comments

This website uses cookies