Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #22744

    Hello,

    I use “Fixed Header with Social Icons and Additional Navigation” on my current site http://rcgauto.wpengine.com/

    I chose to display the phone number. Everything works pretty well on the desktop browser.

    However when viewing in a mobile browser it seems that alignment is off and a bit “unpolished” I was wondering if you guys could take a look and provide some suggestions.

    Thanks

    #117056

    Hi rcgroup

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    @media only screen and (max-width: 767px){
    .responsive #header .social_bookmarks {
    padding-bottom: 10px;
    }
    .responsive.social_header .phone-info {
    margin-left: -20px;
    }
    }

    Regards,

    Devin

    #117057

    OK, Thanks that helped.

    Can you advise of the best way to increase the size of the phone # ?

    Right now I’m using <font size=”4″>xxx-xxx-xxx

    It doesn’t work well on all browsers,

    Thanks

    #117058

    Hey!

    Use:

    style="font-size: 13px"

    instead. Afaik font size=”" is outdated.

    Best regards,

    Peter

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Mobile Fixed Header’ is closed to new replies.