[Resolved] Section Won't Go Fluid

[Nat]

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

[Tom]

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?

[Nat]

Here’s the page (Box Type it set to FLUID )…

http://natguitar.com/sections-test/

Thanks,
Nat

[Tom]

Give this a shot:

.generate-sections-enabled .container.grid-container {
    width: auto;
    padding: 0;
}

• This reply was modified 8 years, 2 months ago by Tom.

[Nat]

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!

[Tom]

You’re welcome 🙂

[Nat]

BTW Tom,

When a topic is resolved, can I set it to RESOLVED by myself to “help” you and save you some time?

[Tom]

That’s perfect, I appreciate it 🙂

[Author]

Posts