Site logo

Archived topic

resizing the footer widget areas

9 replies · Started by Nadine on October 14, 2020

Viewing posts 1–10 of 10

Hi,
I'm trying to change the widths of the footer widgets. I want it to be 40%, 20%, 20%, 40%. I had found two post in here with filters to add to my functions file, but neither worked unfortunately.
Thanks!

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

I'm working locally. I'll try to put it up on a staging server tomorrow.

Sounds good.

If you are using the flexbox version then things should be much easier :)

Ok, put it up on a test server. Details in the private info. I want the first and last footer widgets to be wider (about 30%) and the middle two to be narrower (20% each).

Also, I'm having an issue with the header. I added a hook to include a widget above the nav bar, floated right of the logo, but it's putting it next to it instead of above.

Thanks so much for your help!

Try this:

@media(min-width: 769px) {
    .inside-footer-widgets>div {
        flex: 0 0 20%;
    }

    .inside-footer-widgets>div:first-of-type, .inside-footer-widgets>div:last-of-type {
        flex: 0 0 40%;
    }
}

Perfect, I just changed the 40% to 30%!

Should I start a new topic for my header issue?

Yes please.

Thanks!

thank you, appreciate the help!

No problem :)

This archived topic is closed to new replies.