This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Horizontal footer custom menu

Resolved 8 replies premiumthemetheme-vantage
10 years ago · Last reply by Andrew Misplon 10 years ago

As per the title, I would like to have a second menu in the footer, in a page builder row horizontally rather than vertically… please say this is some simple custom css. Merci.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Magus Staff 10 years, 8 months ago

    Hi Moomoobrom

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

    Thanks

    Magus

  2. moomoobrom Private 10 years, 8 months ago

    This is a private message.

  3. Andrew Misplon Staff 10 years, 8 months ago

    Hey Tim

    If a custom menu widget is the first widget in your footer widget area, the following inserted at Appearance > Custom CSS should do the trick:

    /* Vantage Horizontal Footer Menu */
    #footer-widgets .widget.widget_nav_menu {
    width: 100%;
    }
    #footer-widgets .widget.widget_nav_menu ul {
    text-align: center;
    }
    #footer-widgets .widget.widget_nav_menu li {
    display: inline-block;
    float: none;
    margin-right: 16px;
    }
    #footer-widgets .widget.widget_nav_menu li:before {
    content: "\007C";
    font-family: FontAwesome;
    margin-right: 16px;
    }
    #footer-widgets .widget.widget_nav_menu li:first-of-type:before {
    content: none;
    margin-right: 0;
    }
    #footer-widgets .widget.widget_nav_menu li:last-of-type {
    margin-right: 0;
    }

    Give it a try and let us know how you come along.

  4. moomoobrom Private 10 years, 8 months ago

    This is a private message.

  5. Andrew Misplon Staff 10 years, 8 months ago

    Cool, glad to hear this will work as a stop gap :)

  6. Andrew Misplon Private Staff 10 years, 8 months ago

    This is a private message.

  7. moomoobrom Private 10 years, 8 months ago

    This is a private message.

  8. Andrew Misplon Private Staff 10 years, 8 months ago

    This is a private message.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread