Problem with the menu on my homepage on mobile

Solved

Problem with the menu on my homepage on mobile

Marc104
Excursionist
28 0 7

Hello everyone,

 
I have a problem with my menu on the homepage.
When I want to click it on mobile, it automatically activates my logo button instead,
which means, that no one is able to get to the hamburger menu.
 
I have made a screenshot to show the button I am talking about.
 
photo_2024-07-08_16-56-45.jpg
 
It is also weird that if I click "Erfahre mehr" that my Phone protection comes Instead of the website I assigned. 
 
I have changed my h1 code, but I have no clue since how long I have the problem.
I had the problem in the past also, and it got fixed by updating to the newest version of the theme.
 
Now I have the problem, that it is already updated to the latest version.
 
It would be amazing if someone could help me.
 
Greetings
Marc
Accepted Solution (1)

BSS-TekLabs
Shopify Partner
668 186 217

This is an accepted solution.

- Here is the solution for you @Marc104 
- Please follow these steps:

step.png

- Then find the theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.header__main-nav {
 z-index: 999 !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1720452128430.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 5 (5)

Tal19
Shopify Partner
128 22 24

go to online store, edit code of your theme. search theme.css and this css:

.header__icon-list {
    z-index: 22;
    position: relative;
}
Need Shopify Development, Customization, or POS Support? PM Me!

BSS-TekLabs
Shopify Partner
668 186 217

This is an accepted solution.

- Here is the solution for you @Marc104 
- Please follow these steps:

step.png

- Then find the theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.header__main-nav {
 z-index: 999 !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1720452128430.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Marc104
Excursionist
28 0 7

Thank you very much. 

 

It has fixed the problem with the menu!

Unfortunately, the problem with the button i have described is still there. Here is a screenshot.

2024-07-08.png


As I said, when I click it on mobile, I get directed to my phone case collection which is on the
2nd site. 

 

On Desktop, everything is correct.

Would appreciate your help here also.

 

Greetings
Marc

BSS-TekLabs
Shopify Partner
668 186 217

I checked and found that the reason for the error is because the link of this button leads to that website. Please review the button path configuration and edit it so it updates again.

BSSTekLabs_0-1720453414506.png

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Marc104
Excursionist
28 0 7

I have updated and it works.

 

Thank you very much!