Support/Puro Theme/Horizontal menu in footer menu widget?

[Resolved] Horizontal menu in footer menu widget?

  • Author
    Posts
  • May 30, 2017 at 6:07 pm #6834

    shreddie
    Participant

    Hello,

    I’m using Puro Premium, and I’ve created a menu, and got it to display in my footer. It is displaying as a vertical list of the menu items. I would like it to be horizontal, but cannot find a way to do this. Can you help?

    Also, what is the expected behavior on smaller screens with a horizontal menu? Mine has 3 menu items.

    Thanks!
    shreddie

    May 30, 2017 at 6:31 pm #6835

    Andrew Misplon
    Keymaster

    Hi shreddie 🙂

    You can try something like this:

    .site-footer .widget ul li {
    display: inline-block;
    margin-right: 10px;
}

.site-footer .widget ul li:last-of-type {
	margin-right: 0;
}

    Take a look, check out how it looks in smaller screen sizes and we can go from there. Adjust the margin as you’d like.

    May 30, 2017 at 7:33 pm #6837

    shreddie
    Participant

    Thanks, that was helpful. I added:

    .site-footer {
    padding: 0;
}

    To have the menu move up just under the line that separates the footer. I’d like to tighten up the whitespace that separates the menu from the copyright line too. Can you give me the CSS for that?

    May 31, 2017 at 6:26 am #6838

    Andrew Misplon
    Keymaster

    Sure, try adding:

    #colophon .widget {
    margin-bottom: 10px;
}

.site-footer .site-info {
	margin-top: 0;
}
    May 31, 2017 at 12:09 pm #6839

    shreddie
    Participant

    Perfect – thanks Andrew!

    May 31, 2017 at 2:31 pm #6840

    Andrew Misplon
    Keymaster

    Super 🙂 Glad to hear it’s all sorted. Cheers.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Scroll to top