The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

Moving Social Media Icons on Navigation Bar within OptimizePress 2.0 theme (3 posts)

  1. HariKal
    Posted 2 years ago #

    Hi. I've been struggling with moving the social media icons on my navigation bar. I have Optimizepress 2.0 as the theme and then I downloaded a plugin called 'Menu Social Icons' by Paul Clark, 10up.

    They installed nicely but they were right next to the page menu items. What I want is the social icons on the right of the page in the nav bar (lined up with the opt-in box) and the menu items for the page links on the left (lined up from under picture). This is the site. http://harikalymnios.com

    I also have downloaded plugin CSS by Koopersmith which means I can change the CSS from within 'customise' under appearance nice and easy. Especially as not a coder or skilled in changing css files etc.

    I've tried the advice found in this video http://youtu.be/hA2rjDwmvms (found about 2-3 mins into it)

    It was

    li. social-icon {

    This didn't work for me. I asked the OP2 guys and they came back with:

    li. social-icon {
    float;right !important;

    Again, this didn't work.

    Any ideas friendly helpers?

  2. bpac
    Posted 2 years ago #

    Hi HariKal I noticed you got your social buttons by your menu... would you mind sharing how you did it? I am also using OP2...

    Thanks so much


  3. HariKal
    Posted 2 years ago #

    Hi bpac

    I actually ask they guys at OP to do it, but this is the CSS they put in

    body .container .navigation ul li a { padding: 25px 1.1em 10px; }
    .right {float:right !important;}
    .right a { padding: 20px 1.1em 15px !important; }

    That moved the icons to the right for me while keeping the main menu central.

    Hope that helps.

Topic Closed

This topic has been closed to new replies.

About this Topic