Bar menu shown at all times with white background

Hello,

I am developing this site www.beldick.co.uk and I need to fix the way the logo looks with the background. I made the white part transparent and it look a bit better, but still not very nice.

I was wondering if there is a way of having the bar of the menu and logo fixed all the times with a white background of 100% opacity, even when the scrolling throughout the page didn’t start and you are on the top of the site. I’d like to have that systems not only in front page, but in all sub pages.

Thanks!

Hello Horche,

As I understand, you want white background without any opacity/transparency for your fixed logo/menu block.

Can you please confirm that?

Kind Regards, Roman.

Yes, that´s it. A white background for the logo/menu block, always visible
Regards

Okay Horche,

Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard -> Appearance -> Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

#masthead {
    background: white !important;
}

However, please note that it hides top of the image slider and it can hide text slider on thin screens.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Perfect. It works exactly as I wanted.
I know I am hiding the top of the pictures, but that´s alright.

Thanks for your (very fast) support!

You are welcome Horche!

And have a nice day :slight_smile:

Kind Regards, Roman.

After this code #masthead {
background: white !important;
}

How can I lower the slider just to not have cover the slider image. Thank you!!

Hello Ana,

Please create your own topic for your question to keep forum in good order.

Kind Regards, Roman.