Transparent menu to opaque on scroll, only for homepage

Support
#1

Hi, Please help me with the following issues (https://infinitea.ro/):

  1. I need the homepege (and only the homepage) to have the first section (with a video background) under the menu (which is transparent)

  2. I would like the menu to get a solid white background on scroll and to resize (get smaller) on scroll.

Thanks,

#2

Hi,

To achieve that you can refer to the link below

Hope that helps

#3

yes, it works, thank you.
I still need a solution for number 1: I need the homepege (and only the homepage) to have the first section (with a video background) under the menu (which is transparent)
What I want to accomplish is to have the video background on the top of the browser, with the transparent layer above the video.

#4

Hi There,

Please also add this custom CSS:

.home header.masthead.masthead-stacked {
    position: absolute;
    top: 0;
    width: 100%;
}

Hope it helps :slight_smile:

#5

great! thx!

#6

You’re welcome.

#7

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