CSS Tweak

hello.

Sorry to bother you guys again.
Just wondering if it’s possible to have the header menu bar transparent and then filled in when you’re scrolling down the page. ?

Thanks
Pete

Hi,

Could you please provide some screenshot for better understanding?

Thanks. Screens attached.

On the homepage I have the header background set as transparent.
however when I scroll down the menu link are and other bits are lost as they are white as per scroll2. Ideally I’d like to keep the transparency on the header (before the user scrolls) as per scroll1 pic. But when you begin to scroll down the page for a color background to display in the header background as normal.

if that makes sense?!!

Private msg!

Sorry Private Msg.. Nothing in last post i think!

OK, we got it. Please, provide your admin access so we can see your website.

Many thanks
Access Details below.

——–
I also noticed one other thing there is a gap between the top of the page and the initial slider. This is only noticeable when header bg is transparent. How do I close up this gap..

Screen attached also.
Many Thanks
Pete

Attachments:

You must be logged in to view attached files.

Use this CSS snippet

.main-header.act-scroll {
    background-color: #000;
}

As for slider gap, set a padding-top to 0 for the column containing the slider.

[Author]

Posts