Resizing Columns in Footer | WordPress.org

Resolved proximateprose
(@proximateprose)

5 years, 5 months ago

I added some text in Footer Column 1 and a Navigation Menu in Footer Column 4. The menu is vertical, but I wrote some CSS to fix that problem, except the column isn’t wide enough to make the entire menu horizontal; I instead have two lines of page links on top of each other.

Is there a way to adjust the column sizes in the footer to double or so the width of Footer Column 4 (and reduced column 3 or 2 & 3)?

Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

Senff – a11n
(@senff)

5 years, 5 months ago

Hey @proximateprose

Can you share a link to your site? That way we can take a look and see what CSS you can add to change this.

Thread Starter proximateprose
(@proximateprose)

5 years, 5 months ago

Sure! It is https://www.wndtees.com/.
Senff – a11n
(@senff)

5 years, 5 months ago
Hey @proximateprose

Thanks for the link. You can use the following CSS code to make the columns a bit wider:
```
@media screen and (min-width: 768px) {
   .footer-widgets.col-4 .block.footer-widget-1{
     width: 40%;
   }

   .footer-widgets.col-4 .block.footer-widget-4 {
     width: 50%;
   }
}
```
Thread Starter proximateprose
(@proximateprose)

5 years, 5 months ago

That worked beautifully! Thank you so much!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Resizing Columns in Footer’ is closed to new replies.

4 replies
2 participants
Last reply from: proximateprose
Last activity: 5 years, 5 months ago
Status: resolved