Moving Social Media Icons on Navigation Bar within OptimizePress 2.0 theme

  • 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. https://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 https://youtu.be/hA2rjDwmvms (found about 2-3 mins into it)

    It was

    li. social-icon {
    float;right;
    }

    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?

Viewing 2 replies - 1 through 2 (of 2 total)

  • 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

    Mark

    Thread Starter HariKal

    (@harikal)

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Moving Social Media Icons on Navigation Bar within OptimizePress 2.0 theme’ is closed to new replies.