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.

How to move custom Menu Icons to the right

Resolved 13 replies premiumthemetheme-vantage
skerting
11 years ago · Last reply by NickSevenBeaver 9 years ago

I have watched several youtube tutorials on how to move custom social media icons to the right but the css code they are having me enter is not working with vantage theme. Can you please help me. I only want to move the social media icons in my menu to the right while leaving the regular menu navigation buttons where they are.

Thank you!

URL: http://scottsdaletravertinepolish.com

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

Need fast email support? Get SiteOrigin Premium

Replies

13
  1. Andrew Misplon Staff 11 years, 3 months ago

    Hi skerting

    Please see a thread we answered yesterday: Thread: Social in Navbar. A child theme there adds a widget area that should help with this.

  2. Andrew Misplon Staff 11 years, 3 months ago

    Apologies, the child theme in that thread is for the Logo In Menu layout option. I’ll work something up for you shortly. Please standby.

  3. Andrew Misplon Staff 11 years, 3 months ago

    Here we go. Give this child theme a try:

    https://siteorigin.com/wp-content/uploads/2014/09/vantage-child-menu-widget-area1.zip

    Install from Appearance > Themes > Add New: Upload ZIP.
    Test it first. You’ll find a menu widget area at Appearance > Widgets > Menu.
    You can adjust the positioning of the menu widget area from Appearance > Editor > style.css. Change the top and right values there.
    If it works, you’ll then need to redo Appearance > Customize and Appearance > Menus settings – a result of activating a child theme.

  4. skerting 11 years, 3 months ago

    Wow!!! You made me a child theme! Thank you Andrew! I’m going to check it out now!

    Thank you for your quick replies. I am very happy with my choice of website and I will spread the word!

  5. skerting 11 years, 3 months ago

    Ok that worked except that now the social icons bar is going vertically down the page instead of horizontally across the menu bar. I will continue to search for a css code that can help me fix that until I hear back from you :)

    thanks again!!!!

  6. skerting 11 years, 3 months ago

    http://scottsdaletravertinepolish.com/

  7. Andrew Misplon Staff 11 years, 3 months ago

    For sure.

    Try adding this to your child stylesheet, before the media query:

    .site-navigation .widget-area .socialmedia-buttons a { float: left; }
  8. Skerting 11 years, 3 months ago

    Omgosh!!!! You are a genius thank you so much!!!!!

  9. Andrew Misplon Staff 11 years, 3 months ago

    For sure, glad that helped.

  10. Ebert Antonio Marín 10 years, 10 months ago

    Hello Andrew,

    I was able to follow along just fine until “adding this to your child stylesheet, before the media query”.

    I’m new and I don’t know how to do that.

    Also, I chose the big social media icons but they still look very small to me. Oh, and these icons (facebook, twitter) don’t look like the original logos.

    Thanks

  11. Ebert Antonio Marín 10 years, 10 months ago

    Oops, forgot the url http://www.puravidafood.nl/

  12. Ebert Antonio Marín 10 years, 9 months ago

    Help please

  13. NickSevenBeaver 9 years, 3 months ago

    Hi, unfortunaly the child theme dont work for me, all theme formats are lost and not what i altered by css.

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