-
AuthorPosts
-
November 17, 2019 at 7:05 am #1157589
Hello
The Social Icons at the upper right corner dont show on the tablet modus. ( Breakpoint 768px ). Actually on the mouse hover, they show up, but after disappear again. Please see my screenshots in the credentials.Thanks for your help.
Kind regards
RogerNovember 17, 2019 at 4:25 pm #1157654Hey Roger,
Thank you for the link and screenshots, I also noticed that between 480px & 599px the social icons take space without showing pushing the language icons and burger menu over the logo, so I included a fix for this also.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:@media only screen and (max-width: 989px) and (min-width: 768px){ #top #header.av_header_glassy.av_header_transparency .social_bookmarks li, #top .av_header_glassy.av_header_transparency .social_bookmarks li a { border-color: rgba(255,255,255,.25); color: #fff; } #top #header.av_header_glassy #header_main .social_bookmarks li a { color: #9c9288 !important; border-color: transparent; background: 0 0; } } @media only screen and (max-width: 767px) and (min-width: 600px){ #top #header.av_header_glassy #header_main .social_bookmarks li a { color: #9c9288 !important; border-color: transparent; background: 0 0; } #top #header #header_main .avia-menu.av_menu_icon_beside { margin-right: 0 !important; } } @media only screen and (max-width: 599px) and (min-width: 480px){ #top #header.av_header_glassy #header_main .social_bookmarks { display: none !important; } }After applying the css, Please clear your browser cache and check.
Best regards,
MikeNovember 18, 2019 at 10:03 am #1157775Hello Mike
Thanks for your help, this works. Thanks a lot
kind regards
RogerNovember 18, 2019 at 10:27 am #1157778 -
AuthorPosts
- The topic ‘Social Icons not show on tablet modus’ is closed to new replies.
