Social Icons look weird in mobile - Support | Kriesi.at

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

Author

Posts
January 19, 2020 at 4:44 pm #1176019
geraldinetay27
Participant
Hello, I followed the fixes here.
https://kriesi.at/support/topic/social-icons-are-not-appearing-in-mobile-in-wordpress-5-3-2/

However, I found that the icons are not appearing correctly on hover.
https://www.dropbox.com/s/1wucfwze90zyogu/Photo%2019-1-20%2C%2010%2043%2040%20PM.png?dl=0

Is there any css I can get add to fix this issue? :)
- This topic was modified 4 years, 10 months ago by geraldinetay27.
January 20, 2020 at 5:34 am #1176193
Rikard
Keymaster
Hey geraldinetay27,

Please try the following in Quick CSS under Enfold->General Styling:
```
@media only screen and (max-width: 767px) {
#top #wrap_all .av-social-link-whatsapp:hover a {
    background-color: transparent !important;
}
}
```
Best regards,
Rikard
January 22, 2020 at 4:48 am #1177008

geraldinetay27
Participant

Hi Rikard,

I have added the links but I still see the links color elongating on hover with iphone 8Plus. https://www.dropbox.com/s/at5a4djvkukwp0b/Springvalley.jpg?dl=0

January 22, 2020 at 9:51 pm #1177315
Victoria
Inactive Moderator
Hi geraldinetay27,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
@media only screen and (max-width: 989px) {
    #top .social_bookmarks li,
    #top .social_bookmarks li a {
        height: auto;
    }
}
```
If you need further assistance please let us know.

Best regards,
Victoria
January 23, 2020 at 5:33 am #1177389

geraldinetay27
Participant

Thanks Victoria! It works now. :) You can close this thread.

January 23, 2020 at 7:28 am #1177394

Jordan Shannon
Inactive Moderator

Hi,

I’m glad this was resolved. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon
Author

Posts

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

The topic ‘Social Icons look weird in mobile’ is closed to new replies.