ok – now i see the pages . There are elements in it.
to have a color-section with background-image responsive you had to determine the height in that aspect-ratio of the bg image.
for your page (free-session) i would insert the 1500px x 430px image format – and set the background-image to cover.
Then for your page: free-session
#top.page-id-9607 #av_section_1 {
height: 28.66vw; /*** 100x(430px:1500px) ***/
min-height: 350px;
background-size: cover !important; /*** but you can do that on alb settings ***/
}
The min-height rule is to have enough height on small screens to fully surround the content
Same on your home page – let the image be full and set background-size to cover
#top.page-id-143 #av_section_3 {
height: 26.04vw; /*** 100x(500px:1920px) ***/
min-height: 500px;
background-size: cover !important; /*** but you can do that on alb settings ***/
}
Hi Mike,
I keep having problems with the page.
I have inserted the “Full_width_tab_section” class for the full-screen sections but they are not displaying at full screen.
The live page is “Who we are”
Could you please look at it?
Thanks for the continued support,
Manuela
Hi,
This is because full_width_tab_section was not a class but an ID and it was not to be used in the inner column but the tab section.
I have created this for you, please check.
Best regards,
Mike
Oh yes.
Thank you very much Mike.
Everything is working now. we can close the thread.
Hi famarinu,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko