Archived topic
How to make footer menu horizontal?
18 replies · Started by Jason on January 19, 2017
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?
http://salsarepublic.com.au/ the footer the icons show vertically, whereas I would like the to show horizontal
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
Hi there
the code is CSS - this doc explains adding CSS: