I have the following problem with my website. At a screen width between 481px and 749px, both the payment icons and the social media icons are displayed twice. I believe I have identified the problem in the code, but unfortunately, I don’t know how to fix it.
Website Link: www.sixtwonine.de
@Jokerdomme - which one you want to keep for mobile view?
The one which is marked with “mobile footer”
@Jokerdomme - please add this css to the very end of your theme.scss.css file and check
@media screen and (max-width:990px){
.mobile-hide .payment-icons{display:none; visibility:hidden;}
.mobile-hide .footer__logo-social{display:none; visibility:hidden;}
}
It is kinda working. With a screen width of 750px to 990px the icons now just disappear. But with the screen size of 481px and 749px its working now. But how do I fix the other problem now?
Never mind I fixed the problem. I just edited your code and changed max-width:990px to 750 px. Thanks alot
