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
Roger
Hey 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,
Mike
Hello Mike
Thanks for your help, this works. Thanks a lot
kind regards
Roger