Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 15, 2014 at 2:36 am #237888
    charger70

    Hi there – how can i have the phone number centered on mobile display? I have it set to be left-aligned, next to the social icons, in regular browser view, but it doesn’t center on mobile:

    phone number

    Also – how can i increase the size of the phone number? i tried this code that i found on another thread: 

    .social_header .phone-info { font-size: 24px; }
#top .social_bookmarks li a { font-size: 21px; }

    and it increased the size of the social icons, but not the phone. (yes, i flushed the cache! LOL)

    thanks for your help!

    March 15, 2014 at 4:25 am #237907
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
    .phone-info{
        text-align: center;
        float: none !important;
        height:55px;
    }
    .phone-info span{
        position: relative;
        left: -12px;
        top: 4px;
    }
}

    To increase the font size of the phone:

    .phone-info{
        font-size: 18px !important;
}

    Cheers! 
    Josue

    March 15, 2014 at 5:39 am #237923
    charger70

    Josue – that’s awesome and PERFECT! only one additional request – can i get some padding below the phone number and where the header starts on mobile? see what i mean – it’s very tight right now:

    phone

    thanks again for such great help, josue!

    March 15, 2014 at 5:45 am #237926
    Josue

    Change that part of the code to this:

    @media only screen and (max-width: 767px) {
    .phone-info{
        text-align: center;
        float: none !important;
        height:75px;
    }
    .phone-info span{
        position: relative;
        left: -12px;
        top: 15px;
    }
}

    Best regards,
    Josue

    March 15, 2014 at 6:04 am #237932
    charger70

    dude, PERFECT! thank you so much for your help, josue – YOU ROCK!!!!

    March 15, 2014 at 6:12 am #237934
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Center phone number on Mobile display’ is closed to new replies.