-
AuthorPosts
-
March 26, 2019 at 7:36 pm #1083218
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 youMarch 30, 2019 at 11:27 pm #1084975Hey 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,
MikeMarch 31, 2019 at 8:31 am #1085025I’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-
This reply was modified 6 years, 8 months ago by
famarinu.
March 31, 2019 at 2:59 pm #1085084Hi,
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,
MikeMarch 31, 2019 at 3:32 pm #1085092yes this is a good solution,
thank you.March 31, 2019 at 4:35 pm #1085109 -
This reply was modified 6 years, 8 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
