Archived topic
Responsive slider 100% height and width
7 replies · Started by Mireia on October 29, 2017
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!
Hi there,
It's already responsive to me? When I resize the window the slider resizes.
Let me know if I'm missing something :)
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!
How is it added currently?
Maybe try the page header option? https://docs.generatepress.com/article/page-header-overview/
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?
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.
We will try Smart Slider 3 then. Let's see how it works.
Thank you for the recommendation :)
No problem :)
Let me know if you need another look!
