Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 24, 2014 at 4:39 pm #228538
    Cum_Vincere

    Hello,

    As a Header type I am using “Fixed header with social icons and additional navigation“.

    I added a phone number in the options field “Phone Number or small info text“.

    In the PC layout social icons are aligned to left and the phone number (plain text) to the right, and this is fine.

    In the smartphone layout social icons are in one row, and the phone number in another row, just below.

    As both elements are quite short, they might fit into one single row, so that the space in smartphones is distributed more evenly.

    Is there a solution to have both elements stand in the same row, one left aligned and the other one right aligned?

    I tried playing with the CSS before posting, but I could not find a solution.

    Thank you.

    • This topic was modified 10 years, 8 months ago by Cum_Vincere.
    February 25, 2014 at 12:07 am #228735
    Yigit

    Hi Cum_Vincere!

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

    @media only screen and (max-width: 767px) {
.responsive #header .social_bookmarks li {
float: left; }
.responsive.social_header .phone-info { float: right; clear: none; margin-top: 10px; }
}

    Regards,
    Yigit

    February 25, 2014 at 10:26 am #228931
    Cum_Vincere

    Right! Thank you very much Yigit. It works fine!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Social icons and phone number in header’ is closed to new replies.