Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 26, 2018 at 12:51 am #977714
    Leadsocial

    Hi team,

    I have increased the social media icon size in my top menu header with the following code:

    #header_meta .container{
    min-height: 40px;
    }

    #header .social_bookmarks li{
    font-size: 28px;
    border-right-style: none;
    width: 40px;
    }
    #header .social_bookmarks li a {
    width: 40px;
    height: 40px;
    line-height: 25px;
    }

    But when I hover over it the colour is cut off and not aligned right. Can you help?
    Screenshot: http://tinypic.com/r/2n838tj/9

    June 26, 2018 at 5:46 am #977788
    Rikard

    Hey Leadsocial,

    Could you post a link to the page in question so that we can take a closer look please?

    Best regards,
    Rikard

    June 26, 2018 at 5:55 am #977797
    Leadsocial

    Link to webstie.

    June 26, 2018 at 5:32 pm #978036
    Victoria

    Hi Leadsocial,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

#header .social_bookmarks li {
    height: 40px;
    overflow: visible;
}
#header .social_bookmarks li a {
    line-height: 35px;
}
#top #wrap_all .social_bookmarks,
 #top #wrap_all .social_bookmarks a, 
 #top #wrap_all .social_bookmarks li {
      overflow: visible;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.