Archived topic
Section Won't Go Fluid
7 replies · Started by Nat on February 12, 2016
Hi Tom,
First of all, I want to apologize. I've been asking so many questions lately. Now, I'm learning more about sections and I found that even if Box Type is set to fluid it won't cover the whole screen. See image below (red rectangle)...
https://i.imgsafe.org/73eff12.jpg
Weird thing though, is that I've tried "Sections" in another site where I've installed GP ADD-ONS and it WORKS perfectly.
The site that I'm working on, has a lot of lines of CSS and also I'm using Bootstrap. Do you think that it has something to do with all this?
I also tried with images. Same things!
Thanks,
Nat
Bootstrap can definitely conflict with the width of the container as they have their own CSS classes for the container.
Any chance you can link me to the page?
Give this a shot:
.generate-sections-enabled .container.grid-container {
width: auto;
padding: 0;
}It worked but I had to set margin and padding to 0 to make fluid.
.generate-sections-enabled .container.grid-container {
width: auto;
margin:0;
padding:0;
}You are the best Tom!
THANK YOU!
You're welcome :)
BTW Tom,
When a topic is resolved, can I set it to RESOLVED by myself to "help" you and save you some time?
That's perfect, I appreciate it :)