Duplicate social icon - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
April 18, 2025 at 12:32 pm #1481589

sitadi
Participant

Hi,

The mobile version of my site displays a duplicate of the social media icon bar under the search bar and I can’t remove it. This anomaly only occurs on <479px screens.

Can you help me correct this double display?

Thank you in advance,

April 19, 2025 at 7:22 pm #1481655

Rikard
Keymaster

Hey sitadi,

The problem seems to disappear when the snippet in private is inactive. Please check the custom code that you have added.

Best regards,
Rikard

April 21, 2025 at 5:31 pm #1481728

sitadi
Participant

Hey Richard,

Thank you for your answer.
However I searched but I can’t find the solution to my problem. I can’t display only one social media icon bar at the top right. A duplicate still appears despite my attempts to add CSS codes to hide or disable the 2nd display.
Thank you in advance for your help

April 23, 2025 at 4:13 pm #1481980
Rikard
Keymaster
Hi,

Please try this CSS:
```
@media only screen and (max-width: 479px) {
  .responsive #top #wrap_all .main_menu .social_bookmarks {
    display: none;
  }
}
```
You need to adjust this CSS though since it’s using !important:
```
@media only screen and (max-width: 479px) {
  #header .social_bookmarks.icon_count_5 {
    position: absolute !important;
    top: 30px !important;
    right: 20px !important;
    display: flex !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
```
A more specific selector should do the trick.

Best regards,
Rikard
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.