Archived topic
Horizontal Menu on Sidebar
11 replies · Started by Jesus Higuerey on August 9, 2018
Hi,
Is there a way to create a horizontal menu on the sidebar just like Boredpandas'? Because normally when you enter a menu onto the sidebar is listed vertically.
Just like this: http://prntscr.com/kgrjek
Hi there,
Can you link me to the site in question with the menu added to the sidebar?
Let me know :)
Sorry you want the website that has the menu like I want it?
If so, is boredpanda.com
No I want your site with the menu added in the sidebar :)
Oh, it's on a local installation. All I did was to add a menu widget and it just appears vertically
Any chance you can move it to a test/live server so I can take a look and see if there is a simple CSS solution?
I've added the website above
Hmm try this CSS:
#menu-test a {
float: left;
padding-right: 5px;
}
div:not(.entry-content) .widget ul#menu-test li {
padding-bottom: 0px;
}
I'm using the ID #menu-test so it would only apply to that menu. If you change the name, just change the code to match.
Let me know if this helps :)
That works fine, is it a way to add a bit more spacing between each word?
Modify the padding-right: 5px; line.
Perfect, thanks Leo.
No problem :)