Responsive Slider / Content Issue

[seanpatrickmurphy]

Hi,

I’m trying to make the slider on my page (https://lakeinvgroup.blog/new/research-forest-plaza/) appear as the sliders on this page do: (https://www.effekt.dk/city-campus-frederiksberg). As you’ll notice, the media gallery on the example page is automatically resized to the browser window (with all related content appearing right below the slider; regardless of browser size). I tried to accomplish this via padding (i.e.) calc (#em + #vw) for bottom and top padding, but I’m still not getting the desired result. Any suggestions are welcome. Thanks

[rad]

Hi @seanpatrickmurphy,

Thanks for reaching out.

I can’t find any added padding, and it should be added in the column where the slider is. And for it to work, you must disable the marginless column too. I just tried it and it works.

You can disable the marginless column by inspecting the rows of your section and toggle off that option.

Thanks!

[seanpatrickmurphy]

How would I go about doing this? I still can’t seem to figure this out (sorry I’m new to this)

[friech]

Hi Sean,

First, please navigate to Slider Settings and set the Slide Layout to Auto, because Full-Width and Full-Screen slider do not respect the container’s width nor padding (even margin), it will take up the entire width of the viewer’s screen no matter what.

Then Inspect your ROW and turn ON the Inner Container option, this is important because this is the container that will limit the width of your Slider.

And lastly, I noticed that your site max width is set to 5000px, the Inner Container on the ROW will not make sense if you have that amount of max-width set. Please navigate to Theme Options > Layout and Design > Site Max Width and set it to not more than 1200.

Hope that helps,
Cheers!

[seanpatrickmurphy]

Is there anyway custom css I could insert into that column (i.e. so I wouldn’t have to reduce the max height)?

[friech]

Hi Sean,

Do you mean max-width? Yes, Rows has an independent max-width settings, which is set to none by default. You can set that to limit the container of that specific ROW.

Cheers!