Shopify themes, liquid, logos, and UX
There is arrows + a dot showing through on menu (mobile only) is there a way of fixing this please?
url: https://errival.com/products/errival%E2%84%A2-mini-rubber-band-shotgun
Solved! Go to the solution
This is an accepted solution.
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:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
This is an accepted solution.
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:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
🙌
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025