Site logo

Archived topic

Can't Make Sections Full Width

9 replies · Started by Mary Pearson on April 14, 2019

Viewing posts 1–10 of 10

On my website at https://sunrisetrophies.ca/ I have set a width of 1200 px. top bar, both nav menus, slider and footer all extend to the edges of the page, but all sections below the slider had left and right padding.

All sections are set to full / full.

I removed all of my custom CSS, thinking that I had done something wrong there, but it didn't make a difference.

I am using custom CSS of
.generate-sections-inside-container {
padding-left: 0px;
padding-right: 0px;
}
which does enlarge the width for the map, but it still doesn't go to the edges of the page like nav bars and footer.

I have tried
.container {
width: auto;
}
and a few others that I found in the forums, but nothing seems to work.

What am I missing please?

Thank you Leo. This plugin has given me nothing but headaches. Can you recommend another one that does a similar job?

It's a plugin for image hover effects?

Sorry I'm not aware of a good plugin that does it unfortunately.

Yes, when you hover over it, it flips to the back with information.

Sorry I'm not familiar with any plugins like that :(

Thanks for your help Leo.

No problem :)

Things like that can usually be done with some CSS if you are comfortable with it.

I would assume there are some ready-made solution on Google :)

I hadn't even thought of that Leo. Thank you. I will look into it.

Much appreciated!

No problem :)

This archived topic is closed to new replies.