Home>Support>Social in Navbar

Social in Navbar

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi, I Vantage Premium running. I have the logo in nav tuned on, thus removing the masthead. I also have the search function turned on, so I have the icon on the far right. I would like to be able to put social links inline in that same area. To the right of the menu, along with the search icon.

Any ideas on how to do that? COde SNippets perhaps?

Thanks.

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

  1. 10 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi calin

    Thanks very much for your support, we do appreciate it.

    We’ve taken a look at this before. It’s unfortunately quite a bit beyond the customisation assistance we can offer, even for your generous purchase price. What we’d recommend doing is using a plugin like https://wordpress.org/plugins/menu-icons/. You could add Link items that have only an icon. They wouldn’t be right aligned but it would be an option.

    Sorry we don’t have more.

  2. 10 years, 8 months ago calin

    Understood. That is an interesting workaround and I will check it out.

    Thanks.

  3. 10 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Here is another. I dug up a child theme I tired this on some time back and tweaked it.

    https://siteorigin.com/wp-content/uploads/2014/11/vantage-child-logo-in-menu-menu-widget-area.zip

    Download the ZIP and install via Appearance > Themes > Add New: Upload Theme. Activating a child theme will mean that you have to redo Appearance > Customize and Appearance > Menu settings. Test the theme before going through that effort.

    With the child theme activated you can add a widget to Appearance > Widgets: Menu.

    You can adjust the positioning of the widget area by going to Appearance > Editor and editing style.css (of the child theme). There you’ll find a right value and a top value. Adjusting those will adjust the position of the widget area.

    This is the only time it’s ok to use Appearance > Editor, when you’re using a child theme. If you edit files in a parent theme, changes will be lost during theme update.

    The Menu Icons route is easer.

  4. 10 years, 8 months ago calin

    Thanks Andrew.

    The Child Theme seems to do exactly what I want with 1 exception. I added the widget area to navigation, and then added Vantage Social Icons and entered my links. It appears where I want it and in a good size, the only issue is that they are ordered in a column instead of a row.

    Here is a link to my test site
    http://help.colesoft.com/new/

    Any notions? Thanks very much.

  5. 10 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Head to Appearance > Editor and add this to style.css:

    .site-navigation .widget-area a {
    float: left;
    padding-right: 5px;
    }
    

    You can adjust padding right as required.

  6. 10 years, 8 months ago calin

    Well, that worked perfectly. Thanks, much appreciated.

  7. 10 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad we could help.

  8. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Let’s try something different. Do you perhaps have FTP access? If so, remove masthead-logo-in-menu.php from the parts folder in your child theme and then insert a new file into the parts folder called menu.php. This file can be downloaded from the below link. There is a download button in the right column.

    https://gist.github.com/Misplon/c53840baced5e982cb4d

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