Hi,
in the mobile version of the site: https://www.famarinu.com/gemana/ I would like the larger background image, as it appears at the bottom of the page.
How can I enlarge the background image?
I created the slidesho using “Fullwidth Easy Slider”
Thank you
Hey Manuela,
Sorry for the late reply, I took a look at your page and the image at the bottom, to make it larger Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
@media only screen and (max-width: 767px) {
#top.home #av_section_2 {
height: 100vh !important;
}
}
This will make it 100% visual high for mobile devices, please adjust to suit.
Best regards,
Mike
I’m talking about the first image and not the one above the footer.
The code that you give me working for the second image up the footer.
I tried the suggested code, but it doesn’t work.
I entered this code:
.av_slideshow_full li img {
height: max-content;
}
But now the background image is compressed.
You can see it at the link: https://www.famarinu.com/gemana/
How can I not have the image compressed?
Thank you
Hi,
The way the css for the full width slider is set up it uses !important; in the stylesheet and will be hard to overwrite, an alternative is to use the full width slider for desktops and the full screen slider for mobile, please see the example page I cloned for you at the link in the Private Content area.
You can adjust the font sizes and add the button within the slider.
Best regards,
Mike
yes this is a good solution,
thank you.