Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 2, 2013 at 11:18 pm #22744
    rcgroup

    Hello,

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


    (hosted on WPengine) />

    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

    May 3, 2013 at 12:01 pm #117056
    Devin

    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

    May 3, 2013 at 3:14 pm #117057
    rcgroup

    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

    May 4, 2013 at 5:49 pm #117058
    Dude

    Hey!

    Use:

    style="font-size: 13px"

    instead. Afaik font size=”” is outdated.

    Best regards,

    Peter

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mobile Fixed Header’ is closed to new replies.