Footer is Not Full Width

Hi there,

In Appearance > Customize > Layout > Footer, set Footer Widgets to a higher value, then add those widgets separately per footer widget section in Appearance > Widgets.

Hello @fernandoazarcom2,

It’s the footer bar that won’t get wider. I’m using both one footer and the footer bar. the regular footer gets wider, but the bar doesn’t. I didn’t see where I could set the footers to wider, unless you meant to add footers? Instead of 1 footer set to 4 or whatever footers?

What I did was make the whole site a bit wider in the container, which seemed to help some in giving myself more room to work with, but it didn’t help with the footer bar. If anyone knows about footer bar width, that would be helpful.

Thank you Fernando!!
Trish Henry

The footer bar’s width is auto, depends on the content inside of it. As your content is narrow, so is the footer bar.

You can add this CSS to force it to be wider:

.footer-bar {
    width: 100%;
}

Hello @yingscarlett,

I tried putting that into the custom CSS under Customize/Additional CSS and it didn’t work. Any other suggestions?

Thanks!
Trish

I also tried changing it to:

.footer-bar {
width: 1330px;
}

Waaa! No Good.

It’s not recommended to use static value as width, it will create overflow issue on smaller screens. Please use the original CSS I provided.

The reason that the CSS doesn’t work is because there’re errors in your previous CSS.

Try removing this part:

https://app.screencast.com/EJRAGE3VSjNuG

Worked like a charm!! You are brilliant!! Thank you, thank you, thank you!! Have an awesome weekend!! <3 :^D

You are very welcome ?? Enjoy your weekend!

Hello!

I followed what @fernandoazarcon2 suggested after I made the footer bar wider (thanks (@yingscarlett); realized it didn’t have the same functionality as footer widgets, so I switched them.

I now have three widgets showing the footer on all the pages except for the home page! I’ve gone back and forth between customizing the “Layout” and the “Widgets” part. At this point I want to make the footer widgets work on the entire site. Not sure what I missed. Anyone have an idea, please?

This is a sample page https://achcd.org/for-county-residents/ where I have footer widgets working vs the home page https://achcd.org/

• This reply was modified 10 months, 1 week ago by trishhenry66.
• This reply was modified 10 months, 1 week ago by trishhenry66.
• This reply was modified 10 months, 1 week ago by trishhenry66.

Your Server is cached and you have a CDN. Try asking your Hosting Provider to clear those.

Hello,

We use BlueHost and they cleared our cache, but it the footer on the home page still is showing something different that the rest of the website. Any clue what to try next?

Than you everyone! Since the topic has shifted, I started a new thread: https://www.ads-software.com/support/topic/generatepress-footer-is-different-on-the-home-page/

Sounds good.