Creating Horizontal Footer Menu

Hi,

I want to make my footer a horizontal bar that goes the length of the screen, not a vertical menu as is the default for my theme (Masonry Blog, using a child theme). Currently I have the following additional CSS:

.site-footer .widget ul li {
    display: inline-block;
    margin-right: 20px;
}
.site-footer .widget ul li:last-of-type {
	margin-right: 10;
}

I was able to get the bar to stack them two by two but I believe at this point, the problem is related to the footer widget menu not being full length.

I have tried multiple different strategies for this but nothing seems to work.

If possible, I’d love to make it scale to fit the screen so it is well optimized for mobile as well (and may vertical stack if the screen is small)

TIA!

• This topic was modified 4 years, 7 months ago by Steven Stern (sterndata).

The page I need help with: [log in to see the link]