Hey there,
I set up a page with multiple sections. Two color sections I have don’t seem to be fullwidth. One color section contains an image container and the other one contains a code block.
What do I need to do, to make both of these sections fullwidth?
BTW: please note I didn’t use the “background image” function of the color section because I don’t want the image to be cropped. This is the only way I found that the image is preserved on mobile devices and not cropped.
Here’s a preview image of the non-fullwidth sections. Note that the section before that is a color section as well and is in this case fullscreen.
Hey!
Please refer to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/
Regards,
Yigit
Hello Yigit,
Thanks for the help, but unfortunately it doesn’t work. Can you please check it out? Please note I put the code into custom.css.
Thanks,
Felix
Hi,
I changed the code to following one
#schachtelmap .container,#mobile-section .container { width: 100% !important; max-width: 100%!important; padding: 0!important; margin: 0!important; }
Please review your website now
Best regards,
Yigit
Thanks a lot, Yigit! It looks perfect now!
Hey!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Enjoy your weekend!
Best regards,
Yigit