Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 10, 2016 at 4:13 am #684391
    johnnychenseo

    Hi on mobile / responsive theme I need to make the social icons center in header. It is slightly to the right.
    I also would like to make the phone number larger to read and also center aligned just right underneath the social icons.

    I’ve tried
    @media only screen and (min-width: 767px) { .social_header .phone-info span { font-size: 16px; } }
    @media only screen and (max-width: 767px) {
    #top .social_bookmarks {
    margin: 0 0 0 0px;
    }}

    I have tried other values for _px
    but nothing seem to work for me.

    this is for the mobile /responsive only.

    thank you.
    will include my website link below in private content

    • This topic was modified 8 years, 5 months ago by johnnychenseo.
    September 12, 2016 at 10:05 pm #685390
    johnnychenseo

    Hi can anyone help with this?

    September 14, 2016 at 10:16 am #686234
    Josue

    Hey!

    Try adding this code to General Styling > Quick CSS:

    @media only screen and (max-width: 767px) {
    .av_icon_active_right .social_bookmarks {
        padding: 0;
    }
}

    Cheers! 
    Josue

    September 14, 2016 at 6:41 pm #686547
    johnnychenseo

    Worked great in center align the social icons.
    But how do I make the phone number /text bigger in the header for mobile only? Thanks

    September 14, 2016 at 6:51 pm #686553
    Yigit

    Hey!

    Please add following code to Quick CSS as well 

    @media only screen and (max-width: 767px) {
#header_meta * {
    font-size: 20px;
}}

    Best regards,
    Yigit

    September 14, 2016 at 7:05 pm #686559
    johnnychenseo

    You guys are AWESOME. THANKS!!!!!!!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile. Make social icon center align. Phone number larger.’ is closed to new replies.