Site URL: https://www.tothemart.net/
Hy guys!
OK so , until last night my site was working properly
This is the CSS i used and it worked perfect:
/* Change dropdown menu background */
.header-nav-folder-content {
background: hsl(60, 7%, 77%)!important;
}
.header--menu-open .header-mobile-logo img {
-webkit-filter: invert(100%);
filter: invert(1);
filter: progid:DXImageTransform.Microsoft.BasicImage(invert='1');
}
.gallery-grid-item img:hover{transform:scale(1.5); width:100%; height:100%;
overflow:hidden!important; transition-duration: 2s}
.gallery-grid-item{overflow:hidden!important;}
.gallery-strips-item img:hover{transform:scale(1.5); width:100%; height:100%;
overflow:hidden!important; transition-duration: 2s}
.gallery-strips-item {overflow:hidden!important;}
.header-nav-folder-content {
font-family: bebas-neue, serif!important;
font-size: 22px;
}
Last night i added this line :
@media only screen and (max-width: 640px){ #footer-sections p a{font-size:1rem!important} }
it's from this tutorial : How to Change Your Mobile Font Size // Squarespace CSS Tutorial — InsideTheSquare.co
sience i added this code, the mobile version for android isn t working like it s supposed to ( it s like viewing the desktop site on a mobile, i attached some photos)
i asked the support, they said to remove all CSS so it will work again, i did that, and all de modifications implemented by CSS are now gone, but the mobile version for android still doesn't work .
What can i do to get it back to normal ? SOLVED