Social Icons in Nav Bar

  • Resolved rachelquinn

    (@rachelquinn)


    6 years ago

    Hi,

    I’m trying to add social media icons to my nav bar. The Neve theme has a ‘top bar’ option above the main nav. I’ve turned this on.

    I’ve downloaded the plugin ‘Easy Social Icons’. I’ve added the social icons to my footer in the 2nd widget area. As you’ll see the icons are there and they’re circular and centered (these are the settings I chose).

    I tried to add these social icons to the top bar. I did this by placing the shortcode in the ‘content’ section of the navbar. It has partially worked. The icons are showing, but they’re square and vertical instead of horizontal.

    Any idea how to fix this?

    If not, do you have a different method for me to add my social icons to my top menu?

    I would like to have them at the top of each page in case people don’t scroll down to the footer.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Jarret

    (@jarretc)

    I think the following will get what you’re looking for, add to Appearance->Customize->Additional CSS

    .nv-top-bar-content .cnss-social-icon a { border-radius: 50%; }
.nv-top-bar-content ul li {display: inline-block;}
    Thread Starter rachelquinn

    (@rachelquinn)

    Thank you @jarretc ! I will try this later! I limited my social menu to instagram temporarily until I found a better solution!

    rodicaelena

    (@rodicaelena)

    Hi @rachelquinn,

    I think the problem is that the plugin is looking only for the .widget class when adding those CSS properties, and because the Top Bar area is not a sidebar area it does not have that class, causing that problem.
    The solution proposed above should work ok.

    Regards,
    Rodica

    Thread Starter rachelquinn

    (@rachelquinn)

    @rodicaelena I think you’re right! The top bar isn’t a widget area so that must be the problem. I’ll try @jarretc’s suggestion later! I’m happy to go down whatever route I need – it doesn’t need to be a widget. I just wanted to see if there was a way to get social media icons in the top bar. Thanks a mill for the help and suggestions! Hopefully that code works. ??

    Thread Starter rachelquinn

    (@rachelquinn)

    @jarretc @rodicaelena That worked! Thanks a million.

    rodicaelena

    (@rodicaelena)

    Hi @rachelquinn,

    Awesome, I’m glad I could help. Let me know if I can help with anything else.

    Regards,
    Rodica

    P.S. If you are happy with our theme or support, you can always leave us a review here https://www.ads-software.com/support/theme/neve/reviews/#new-post. It would help us a lot!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Social Icons in Nav Bar’ is closed to new replies.

Tags