Site logo

Archived topic

Horizontal Menu on Sidebar

11 replies · Started by Jesus Higuerey on August 9, 2018

Viewing posts 1–12 of 12

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 :)

This archived topic is closed to new replies.