Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 23, 2014 at 10:33 pm #214110
    mstell168

    Hi, for my site using the enfold theme, when I view it on my iphone I noticed that the social icons in the top header are not centered. I did a search in this forum and found the code below but its not working for me-
    @media only screen and (max-width: 767px) {
    .responsive.bottom_nav_header #header_main .social_bookmarks {
    top: -15px;
    }}
    Any suggestions?

    Also for the phone area on the top right, I wanted to enlarge this font and wrapped the text in the <h5> tag which worked fine to enlarge it but it pushes the phone number down past the top bar. Is there anyway I can reduce the top padding in this section?

    Thanks.

    January 23, 2014 at 10:43 pm #214118
    Yigit

    Hi mstell168!

    Can you post the link to your website so we can take a look?

    Cheers!
    Yigit

    January 23, 2014 at 10:56 pm #214125
    mstell168

    Hi , sure its http://www.540clienttest3.com/

    Thanks!

    January 23, 2014 at 11:04 pm #214131
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 480px) { 
#top .social_bookmarks { margin: 0; }}
.social_header .phone-info { line-height: 0; }

    Cheers!
    Yigit

    January 23, 2014 at 11:09 pm #214134
    mstell168

    Perfect! thanks again.

    January 23, 2014 at 11:13 pm #214137
    Yigit

    Hey!

    You are welcome, glad we could help :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile social icon alignment & top right question’ is closed to new replies.