Center social icons in nav bar

  • Resolved brokendown

    (@brokendown)


    9 years, 4 months ago

    Ben,

    Is there a way to centre the social icons/search icon in the nav bar as opposed to having them off to the right hand side?

    Many thanks

    Gwil

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    This will be tough if there is a secondary menu present, but if not, the following should work nicely:

    .social-media-icons {
  text-align: center !important;
  float: none !important;
  margin: 0 !important;
}
    Thread Starter brokendown

    (@brokendown)

    Brilliant! Just as I wanted it. Top notch advice as always.

    Cheers Ben ??

    Theme Author Ben Sibley

    (@bensibley)

    Yea no problem!

    Hi Ben,

    Is it possible to center the social buttons on the footer?

    I’ve used your code to align the social buttons to the right but I’ve noticed that it has also aligned the footer social buttons to the right…

    Thanks!

    Theme Author Ben Sibley

    (@bensibley)

    The footer social icons are center aligned by default, and the above code will also center the icons in the header.

    If you’ve adapted the code above and it’s also affecting the alignment of the footer icons, update the selector like this:

    .site-header .social-media-icons

    Then it will only target the social icons in the header and won’t affect those in the footer.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Center social icons in nav bar’ is closed to new replies.