Docs

[arjanski]

Hey fabulous X-Theme team!

I’ve searched in the forum, I’ve tried settings, but no way out. Maybe you can lead the way?

I would like to place my revolution slider (which can be full-width or full-screen) so that it starts in the top left corner, while the primary menu sits on top of the slider. In CSS, you’d probably do that with different z-index values. However, I couldn’t find a solution.

Seems like it has to do with the “Offset Containers” field in the Slider Settings? https://theme-fusion.com/knowledgebase/how-to-make-a-full-screen-revolution-slider/

I have tried .masthead in the “Increase/Decrease Height” field, with no luck. Is this the right field? I cannot find any field with the specific name “Offset Containers”, judging from old screenshots online, the Slider Revolution’s menu has changed layout drastically.

My primary menu is a fixed menu in the Customizer, but I could also make it static if that helps.

Thank you so much,

Arjan

[arjanski]

Here’s a screenshot… As you can see, the Slider starts below the header. I would like it to start underneath, so that the grey boxes (top left and top right) are filled by the slider as well.

[Paul R]

Hi Arjan,

To achieve that, you can add this under Custom > Edit Global CSS in the Customizer.

.home .x-logobar,
.home .x-navbar {
    background:transparent;
}

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

Hope that helps

[arjanski]

Hi,

well, I think I found a solution in one of your other answers here. In the custom CSS of the startin page (not in Global CSS), I put the following:

.x-navbar-wrap {
margin-bottom: -184px;
}

If put in the “Global custom CSS” area in the Customizer, every page will be affected.

Seems to be working fine on other screen sizes too, so I will stick with this.

Thanks for reading anyway! 😉

[Rahul]

Hey There,

Thanks for the input and your efforts.

Thanks for choosing the X-theme.

[Author]

Posts