Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 22, 2014 at 4:42 pm #371564
    Brutalben

    Hi there, I searched the forums and found answers to make phone number and social icons bigger. It worked but now the phone number is higher than the social icons. It it possible to add padding or move the phone number down? Also by increasing the social icon size it does so in the footer too. It there a way to make it just the header icons? Thanks,

    December 22, 2014 at 7:18 pm #371678
    Elliott

    Hey Brutalben!

    Add this to your custom CSS.

    .phone-info {
    position: relative;
    top: 20px;
}

    To target only the social icons in your header then change the CSS your using to this instead.

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

    Regards,
    Elliott

    December 22, 2014 at 11:04 pm #371866
    Brutalben

    That worked thanks, 1 other issue now is that on mobile the phone number and social icons push my header down and it looks bad, is there a responsive way to make this work on iphone/ipad too?

    December 23, 2014 at 2:49 am #371934
    Yigit

    Hey!

    You can apply the code Elliott posted only on desktop if you use following code instead

    @media only screen and (min-width: 767px) {
.phone-info {
    position: relative;
    top: 20px;
}
#top #header .social_bookmarks li a {
    font-size: 30px;
    line-height: 80px;
    min-height: 80px;
    width: 80px;
}}

    Cheers!
    Yigit

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