Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 19, 2016 at 1:05 am #688226
    sbudnic1

    Hello,

    I increased the size of the social icons in the header using this code:

    #top .social_bookmarks li a {
width: 50px;
line-height: 32px;
min-height: 50px;
font-size: 30px;
}

#top .social_bookmarks li {
height: 100%;
width: 50px;
}

#top .social_bookmarks li a { line-height: 50px; }

    My logo and menu is left/right, with the icons in the main header area. However since doing so the larger icons are not vertically centered and are cut off, like so:
    img

    How can I fix this?

    • This topic was modified 8 years, 2 months ago by sbudnic1.
    September 19, 2016 at 3:59 am #688254
    Jordan

    Hey sbudnic1,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Jordan

    September 19, 2016 at 4:03 am #688255
    sbudnic1

    No problem:

    http://petsalive.com/newsite2016/

    • This reply was modified 8 years, 2 months ago by sbudnic1.
    September 19, 2016 at 5:37 am #688274
    Jordan

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top .social_bookmarks {
    height: auto !important;
}

    Let me know if that helps.

    Best regards,
    Jordan

    September 19, 2016 at 6:41 am #688292
    sbudnic1

    That did it! Thanks!

    September 20, 2016 at 6:35 am #688946
    Rikard

    Hi,

    Great, glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Thanks,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Social Icon not vertically centered after size increase’ is closed to new replies.