-
Posts
-
The Advanced Layout Builder section on mobile has padding on both sides, I just want to remove the padding underneath the header … which I think is the div.container area. How do I make this full width only on mobile. I’d also like to edit the width of the container on desktop to make it wider … but not full width.
Thanks!Hey 3MD,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoriahttp://dev.sumerfordenterprises.com/phase1/landing/brand/partner/ is the current page using a unique page template I created. Basically, I’d like the mobile version to be full width with no padding on the sides. I guess under Enfold > General Layout > Dimensions – you can set the container width for desktop so I think I’ve figured that part out.
Hi,
We can set the main container width to 100% but that will affect every column on that page, so you have to move that column inside a color section and then define the section’s width manually. Please refer to the documentation for more info.
// https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width
Best regards,
IsmaelThanks Ismael, I’m looking to set the main container to 100% on mobile for all columns … the entire page. How would I do that?
Hi,
We can set the default container width to 100% with css, but it will remove the intended space on both edge of the content, so its not recommended. Add this css code temporarily, then check the page.
@media only screen and (max-width: 767px) { .responsive #top #wrap_all .container { width: 100%; max-width: 100%; } }move that column inside a color section and then define the section’s width manually. Please refer to the documentation for more info.
You have to follow the instruction in the documentation instead.
// https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width
Best regards,
Ismael
- You must be logged in to reply to this topic.