Social Icons on Navbar

  • My blog is https://www.hsphealth.com/blog/. I succeeded in getting my social media icons onto the navbar. Unfortunately, although i resized them smaller they appear to add width to the navbar so that the text links appear higher and look funny. I also wanted to move the sm icons to the right. Do I need to make some changes to css to do this?

    Thanks for your help.

    Maria Hill

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

  • You can decrease the height by adding this to the end of style.css:

    ul.menu a img { margin-bottom: -8px; }

    Moving them to the right is a little trickier. Right now, the ‘Facebook’ item is assigned id=’menu-item-4697′. You can add padding to the left of it to move the group over. However, if the numbering changes, or you change the positions of the social icons, this will stop working.

    ul.menu li.menu-item-4697 { padding-left: 180px;  }
    Thread Starter hspstress

    (@hspstress)

    I appreciate your taking the time to help me. I tried your suggestions and they worked. I still need tp reduce the size of the icons and it should look good. Thanks again and all the best.

    Maria

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Social Icons on Navbar’ is closed to new replies.