Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 8, 2024 at 10:05 am #1433630
    studiovene

    I want my social icons to remain visible on all mobile resolutions. They currently disappear on tablet resolutions such as 1024 x 768. I also need them to display exactly as they are now. I did manage to get them to display at one point, but then they had a strange border around them.

    February 8, 2024 at 11:04 am #1433652
    Rikard

    Hey studiovene,

    You have this in Quick CSS:

    @media only screen and (max-width: 1220px) {
  #top .social_bookmarks { 
   display: none !important; 
  }
}

    Please try removing it.

    Best regards,
    Rikard

    February 8, 2024 at 12:27 pm #1433673
    studiovene

    Hi there, I removed the code and the icons are still disappearing. Any advice?

    February 8, 2024 at 6:33 pm #1433721
    Rikard

    Hi,

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

    @media only screen and (min-width: 768px) and (max-width: 989px) {
  .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
    display: block;
  }
}

    Best regards,
    Rikard

    February 9, 2024 at 8:39 am #1433772
    studiovene

    Thank you! For some reason the icons now have a square border around them on mobile phone sizes. It is meant to look the same as on larger screens with just a dividing line. Can you help?

    February 9, 2024 at 11:33 am #1433796
    Rikard

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 767px) {
  .responsive #header_meta .social_bookmarks li {
    border-top: none;
    border-bottom: none;
  }
}

    Best regards,
    Rikard

    February 12, 2024 at 8:51 am #1434061
    studiovene

    Thank you so much for your help! All sorted, you can close the ticket.
    :-)

    February 12, 2024 at 8:01 pm #1434102
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Social icons in top bar disappear on certain resolutions e.g. 1024 x 768’ is closed to new replies.