Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 23, 2015 at 3:17 am #507449
    paragonskydive

    Iv got my top bar activated and have social icons and a phone number on it.
    The phone number font has been increased.
    On mobile devices it centers the two and puts them on top of each other and takes up a lot of room.
    Is there a way to put them beside eachother on mobile devices only?

    Thanks

    September 23, 2015 at 9:16 am #507550
    Rikard

    Hi paragonskydive,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.responsive .phone-info, .responsive #header .social_bookmarks {
    width: 50% !important;
    display: inline-block !important;
}
}

    Regards,
    Rikard

    September 23, 2015 at 6:37 pm #508045
    paragonskydive

    worked, perfectly. Thanks again!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Top Bar on Mobile devices’ is closed to new replies.