How to fix an arrow icon blocking a mobile menu item?

Store Design
1

We are having trouble with our mobile menu. There is an arrow icon blocking one of the menu items and we can’t seem to fix the issue.

Any help?

https://shop.eluwastudio.com/collections/all

Screen Shot 2022-09-09 at 6.38.57 PM.png
Screen Shot 2022-09-09 at 6.38.57 PM.png341×472 5.71 KB

2

@JhordanMSUITE

Please add the following CSS code to your assets/theme.css bottom of the file.

@media (max-width: 749px){
.nav-hamburger .menu-item .dropdown-arrow, .nav-hamburger .submenu-item .dropdown-arrow {top: -14px !important;left: 45% !important;}
}

Thanks!

3

Hi @JhordanMSUITE

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.
@media (max-width: 1025px){
.nav-hamburger .menu-item .dropdown-arrow, .nav-hamburger .submenu-item .dropdown-arrow {
    left: auto !important;
    top: -13px !important;
    right: 10% !important;
}
}
4

The code didn’t work. I also tried to add the following code (see image below) and still nothing. So strange.

Screen Shot 2022-09-10 at 11.08.40 AM.png
Screen Shot 2022-09-10 at 11.08.40 AM.png1301×407 64.1 KB

5

plz give this a try

@media (max-width: 1024px){
.nav-hamburger .menu-item .dropdown-arrow, .nav-hamburger .submenu-item .dropdown-arrow {
    left: auto !important;
    top: -13px !important;
    right: 10% !important;
}
}