Arrows + a dot showing through on menu (mobile only)

Store Design
, , ,
2

Hi @Ryan1998

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 749px) {
    .product .slider-buttons {
        z-index: 1;
    }
nav.menu-drawer__navigation {
    z-index: 3 !important;
}
.header__icon--menu[aria-expanded='true']::before {
    background: transparent;
}
}

And Save.

Result:

Made4uoRibe_0-1723578262545.png
Made4uoRibe_0-1723578262545.png526×535 9.89 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!