[Resolved] Horizontal Menu on Sidebar

[Jesus Higuerey]

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

[Leo]

Hi there,

Can you link me to the site in question with the menu added to the sidebar?

Let me know 🙂

[Jesus Higuerey]

Sorry you want the website that has the menu like I want it?

If so, is boredpanda.com

[Leo]

No I want your site with the menu added in the sidebar 🙂

[Jesus Higuerey]

Oh, it’s on a local installation. All I did was to add a menu widget and it just appears vertically

[Leo]

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?

[Jesus Higuerey]

I’ve added the website above

[Leo]

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 🙂

[Jesus Higuerey]

That works fine, is it a way to add a bit more spacing between each word?

[Leo]

Modify the padding-right: 5px; line.

[Jesus Higuerey]

Perfect, thanks Leo.

[Leo]

No problem 🙂

[Author]

Posts