Hamburger Menu on Android phones

Site URL: https://www.aikoandco.com.au

Hi Guys,

I am having trouble with my hamburger menu on Android phones. When they click on it the whole screen is white and no menu shows up at all. On iOS and and all browsers it's working fine. I think it may be a zooming issues or something only on Androids? First image is on iOS and second in on Android.

Any help would be awesome!  

This weird, the items moved to bottom right of screen.

Do you use any custom code?

13 hours ago, tuanphan said:

This weird, the items moved to bottom right of screen.

Do you use any custom code?

I do have a couple of custom codes in there which are below.. maybe it has to do with one of them?

footer a {  background-image: none !important;  }
/* resize home banner */
@media screen and (max-width:767px) {
.homepage #page section:first-child {
    min-height: 20vh !important;
}
}

@media screen and (max-width:640px) {
.tuan {
    text-align: center !important;
    margin-top: -20px !important;
}
}
/* Product slide arrows control */
@media screen and (max-width:767px) {
.ProductItem-gallery-carousel-controls {
    display: flex !important;
}
/* arrows background */
.ProductItem-gallery-carousel-controls * {
    background: white;
}
.ProductItem-gallery-carousel-controls>div {
    justify-content: center !important;
}
}

On 11/2/2021 at 5:15 AM, timbm said:

I do have a couple of custom codes in there which are below.. maybe it has to do with one of them?

footer a {  background-image: none !important;  }
/* resize home banner */
@media screen and (max-width:767px) {
.homepage #page section:first-child {
    min-height: 20vh !important;
}
}

@media screen and (max-width:640px) {
.tuan {
    text-align: center !important;
    margin-top: -20px !important;
}
}
/* Product slide arrows control */
@media screen and (max-width:767px) {
.ProductItem-gallery-carousel-controls {
    display: flex !important;
}
/* arrows background */
.ProductItem-gallery-carousel-controls * {
    background: white;
}
.ProductItem-gallery-carousel-controls>div {
    justify-content: center !important;
}
}

Hi,

Your site is live or still underconstruction? If still under construction, you try removing all custom code & check again.

If problem still appears, try contacting Squarespace Customer Care.

If they can't help, let me know, we will check it gain to see if some custom code can handle this