Moving social icons to the right in menu

  • Unknown's avatar
    thumbell · Member ·

    Hi.
    I am currently using the Karuna theme. I have managed to move my logo further to the left with some CSS and my regular page menu items further right, to lok more full width. Unfortunately I don’t know how to move the social icons to the right. I have a separate social media menu above my main menu . I’m not hot with css I only looked at some of the formatting for my menu bar and altered the pixels to get it to look better. I have no css for the social menu so I had nothing to tweak.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thumbell · Member ·

    Sorry forgot to say my site is https://jqhypnosis.com/

  • aleone89 · Staff ·

    Hello there,

    Many thanks for reaching out.

    This CSS should move the social menu to the right in line with the main menu.

    This can be added via Customize > CSS

    
/* Move top social menu right AL */

@media screen and (min-width: 768px) {
.top-bar .jetpack-social-navigation {
    text-align: right;
    float: right;
    width: 50%;
    margin-right: -15%;
}
}

    I hope this helps.

  • The topic ‘Moving social icons to the right in menu’ is closed to new replies.