Home>Support>Page links in footer

Page links in footer

Hi
How can I align the page links in the footer of the Vantage theme? The only option I can find it to add pages widgets but the page links are formatted one under the other rather than all in one row? Hope I’ve explained OK. Thank you

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi Yupik All

    If you insert a Custom Menu widget under Appearance > Footer and make sure that it’s the first widget you insert into that area, the following placed under Appearance > Custom CSS should format those links in a horizontal list, above any other widgets that might follow:

    /* Vantage Horizontal Footer Menu */
    
    #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: "\0007C";
    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;
    }
    

    Hope that helps.

  2. 9 years, 6 months ago Yupik All

    Thanks Andrew. That’s worked perfectly!

  3. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad to hear that did the trick. All the best.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More