Site logo

Archived topic

How to make footer menu horizontal?

18 replies · Started by Jason on January 19, 2017

Viewing posts 1–15 of 19

Hi there, how can I make my secondary menu which is my social media icons menu, show horizontally instead of vertically in the footer? as I can't find an option to show the horizontally, and they look ugly vertically, thank you

Can you link me to what you have so far?

This CSS should do it:

.footer-widgets .widget_nav_menu li {
    display: inline-block;
}

thanks, I put that code in cutsom CSS but it's still showing vertically?

Clear your browser cache or do a hard refresh.

sorry now it worked, thanks :)

is there any way to space them out more? the icons are right next to each other.

Yep, just change your CSS:

.footer-widgets .widget_nav_menu li {
    display: inline-block;
    margin: 0 10px;
}

oh yeah der, thanks, sorry still new to css, cheers

No problem, glad I could help :)

yeah your theme is awesome, love it, cheers ;)

Thanks!

Hi Tom,

I tried entering in code snippet using the same code .footer-widgets .widget_nav_menu li {
display: inline-block;
} but it seems an error can you tell me how to fix the menu in the footer as horizontal, my site is bloggingos.com

This archived topic is closed to new replies.