Hambuger Menu and Close Icon Issue

Solved

Hambuger Menu and Close Icon Issue

Modeer
Tourist
16 0 2

I have 2 issues.

 

Issue  1: Hamburger Menu

My menu names displaying same at  hamburger menu and header on mobile version. I want to disappear from header. 

Like this:

Screenshot 2024-12-02 at 20.15.07.png

 

 

***

Issue 2: X Icon

We have two close icon.  x(Close) icon on my header but i cant disappear it. It's unclickable and doesn't have a function. I want to delete it.

 

Look like this, left one is disfunctional:

Screenshot 2024-12-02 at 20.39.46.png

 

 

This is mobile version:

Screenshot 2024-12-02 at 20.15.07.png

 

This is desktop version:

Screenshot 2024-12-02 at 20.15.27.png

  

 

 

 

Accepted Solution (1)
steve_michael2
Navigator
454 39 62

This is an accepted solution.

Hi @Modeer  Solution for issue: 1
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

@media(max-width:767px){
ul.list-menu.list-menu--inline {
    display: none;
  }
}

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

 

View solution in original post

Replies 5 (5)

steve_michael2
Navigator
454 39 62

Hi ,

kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

Modeer
Tourist
16 0 2

Hi,

 

URL: https://1d11f0-ua.myshopify.com/

PSWD: chayrt

steve_michael2
Navigator
454 39 62

This is an accepted solution.

Hi @Modeer  Solution for issue: 1
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

@media(max-width:767px){
ul.list-menu.list-menu--inline {
    display: none;
  }
}

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

 

steve_michael2
Navigator
454 39 62

 


Hi @Modeer solution for issue 2.
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

svg.icon.icon-close {
    display: none;
}

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

Modeer
Tourist
16 0 2

Thank you so much that worked. Issue 1 fixed but your second code is not worked. Because it's deleting all close icons from site