Need help creating lower popup boxes in slider like at integrity-1 demo -part 2

[vpmllc]

I was able to add a video background and the four bottom images in my attempt to create a slider similar to https://demo.theme.co/integrity-1/, but I can not get the header text on the slider to line up correctly on different devices, do I need to make separate sliders for mobile/tablet/desktop?

So, simply - 1) how do I align the title text on the slider to adjust to the different screen sizes - desktop and mobile,

and 2) how do I make the menu appear out of view on first view of the slider/webpage as your Integrity demo 1 example? My menu is below the masthead but visible on the slider screen.

There is no clear way to do these two things that I can find.

[friech]

Hi @vpmllc,

Thank you for writing in, 1.) no, you don’t need to create another slider for mobile/tablet. But you need to configure how your Layers should resize and reposition, please follow the following link:

https://www.themepunch.com/slider-revolution/responsive-settings/

2.) On your Slider’s Layout configuration, select the Full-Screen option. See the following documentation for more details.

https://www.themepunch.com/slider-revolution/module-layout/#layout

Hope it helps,
Cheers!

[vpmllc]

Thanks for the reply, it is quite confusing trying to duplicate that slider.

I also asked how do you make the menu appear out of view on first view of the slider as your Integrity demo 1 example shows (the menu is not visible there until you scroll down)? My menu is below the masthead but IS visible on the slider screen when the page is initially viewed.

Would that just be with custom margin in the css? I already have full screen selected.

[friech]

Hi @vpmllc,

Yes, that is the Full-screen option is for, the slider will take up the entire screen leaving no room for menu.

If the issue persists please provide us login credentials in a secure note so we can take a closer look.

Cheers,

[vpmllc]

It still persists. My site is being built locally so there is no public login.

[christian]

Hey @vpmllc,

Regretfully, we can’t help if that is the case because we need to check your setup. We can only continue helping you if you get your site online.

Anyway, if you want the exact Integrity 1 slider setup, create another test site and install the Integrity Business Site from the Design Cloud. In case you’re new to the Design Cloud, you can learn more about it here: https://theme.co/docs/design-cloud

That will give you the exact Integrity 1 slider setup. You can learn from it.

Thanks.