[Resolved] Responsive slider 100% height and width

[Mireia]

Hi support staff,

Recently we’ve purchased premium Generate Press… and we love your theme!

We are building our website with a slider made with Master Slider, but responsiveness is a problem.

We want 100% height and width on all devices without constraining the images. I’m trying different CSS combinations but I can’t solve that. We don’t know if the problem is caused by the slider or by the home page/container itself.

Could you help us??

Thank you very much!

[Leo]

Hi there,

It’s already responsive to me? When I resize the window the slider resizes.

Let me know if I’m missing something 🙂

[Mireia]

Hi Leo!

Yes, it resizes in width, but when the screen is smaller (also mobile and tablet versions) it appears a blank space on the bottom.

We would need it to fit the height of the window too, even if that means cutting the image.

Examples:
https://www.w3schools.com/howto/tryhow_css_fullpage_demo.htm
http://ringvemedia.com/

Thank you very much!

[Leo]

How is it added currently?

Maybe try the page header option? https://docs.generatepress.com/article/page-header-overview/

[Mireia]

Hi Leo,

The shortcode was written directly inside the homepage (normal text editor).

Now I’ve changed it using page header, but same problem 🙁

Do you know what css I should use? Can I use a shortcode slider as a background?

[Leo]

Ahh the problem is actually the slider itself. It’s resizing down in height and width with the same ratio.

Can you check with their support?

I prefer Smart Slider 3 by the way 🙂 I’ve used it and works well with GP.

[Mireia]

We will try Smart Slider 3 then. Let’s see how it works.

Thank you for the recommendation 🙂

[Leo]

No problem 🙂

Let me know if you need another look!

[Author]

Posts