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
Trailblazer
439 38 55

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!

 

Crafting exceptional online experiences with innovative design and technology.

Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount

View solution in original post

Replies 5 (5)

steve_michael2
Trailblazer
439 38 55

Hi ,

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

Crafting exceptional online experiences with innovative design and technology.

Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
Modeer
Tourist
16 0 2

Hi,

 

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

PSWD: chayrt

steve_michael2
Trailblazer
439 38 55

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!

 

Crafting exceptional online experiences with innovative design and technology.

Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
steve_michael2
Trailblazer
439 38 55

 


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!

Crafting exceptional online experiences with innovative design and technology.

Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
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