[Resolved] Horizontal menu in footer menu widget?

This topic has 5 replies, 2 voices, and was last updated 7 years, 11 months ago by Andrew Misplon.

Author
Posts
May 30, 2017 at 6:31 pm #6835
Andrew Misplon
Keymaster
Hi shreddie 🙂
You can try something like this:
```
.site-footer .widget ul li {
    display: inline-block;
    margin-right: 10px;
}

.site-footer .widget ul li:last-of-type {
	margin-right: 0;
}
```
Take a look, check out how it looks in smaller screen sizes and we can go from there. Adjust the margin as you’d like.
May 30, 2017 at 7:33 pm #6837
shreddie
Participant
Thanks, that was helpful. I added:
```
.site-footer {
    padding: 0;
}
```
To have the menu move up just under the line that separates the footer. I’d like to tighten up the whitespace that separates the menu from the copyright line too. Can you give me the CSS for that?
May 31, 2017 at 6:26 am #6838
Andrew Misplon
Keymaster
Sure, try adding:
```
#colophon .widget {
    margin-bottom: 10px;
}

.site-footer .site-info {
	margin-top: 0;
}
```
May 31, 2017 at 12:09 pm #6839

shreddie
Participant
Perfect – thanks Andrew!
May 31, 2017 at 2:31 pm #6840

Andrew Misplon
Keymaster
Super 🙂 Glad to hear it’s all sorted. Cheers.
Author
Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.