Header over slider

Support
#1

Hi,

I would know how I can put a header over the slider. Actually there is the header and under it there is slider.

Sorry I am French and I don’t speak very well English.

I use slider revolution.

Thanks you :slight_smile:

#2

Hi there,

You may achieve that using this CSS:

.masthead .x-logobar, .masthead .x-navbar {
    background-color: transparent;
    border: 0;
}

.masthead {
    position: absolute;
    width: 100%;
}

.masthead .x-navbar-fixed-top {
    background-color: #fff;
}

Please note that since this is modifying the default display of the theme, it requires some customization which goes beyond the scope of our support. If you are not comfortable making further changes and if you require more customization on your site, it would be best to get in touch with a developer.

Here are some reference links related to the suggestions above:

Hope this helps.

1 Like
#3

Hi,

Thanks you very much :slight_smile:

#4

you are most welcome!

#5

Hi,

Just one last question. Everything is explained on the photo.

https://image.noelshack.com/fichiers/2018/35/5/1535697061-picture.png

I hope I’m clear in my explanations.

Thanks you :slight_smile:

#6

Hi Xavier,

Do you mean something like this?



Jade’s provided CSS code above will do just that. Please add it to X > Theme Options > CSS

Thanks,

#7

Hi,

Thanks for your answers.

I tested the Jade code and it works perfectly but I want to test something else. I wish the slider to be under the header but it take the rest of the screen size as the diagram I sent on the previous message.

The jade code gives the result of the second schema now I wish to have the result of the third schema possible.

The slider is not full:
https://image.noelshack.com/fichiers/2018/35/5/1535702275-screen-shot-2018-08-31-at-09-53-54.png

Thanks :slight_smile:

#8

Hi,

To achieve the third schema, you need to set your revslider layout to full screen and masthead as offset.

Please note that you only need to add Jade’s code to the pages where you want your header to overlap you slider(Schema 2). That way it wont affect your other pages.

Thanks

#9

Hi,

Thanks you very much is perfect :slight_smile:

Thanks :slight_smile:

#10

You’re most welcome. :slight_smile:

#11

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