The announcement bar, Header and Image Banner are clickable - How to fix?

[Bobby97]

Hi,I made Image Banner clickable, then I made Transparent Header. (I will attach a picture of Transparent Header )
But for example when I click on Search bar or Card, it doesn’t work as it is clickable and opens the link I have set.
Wherever I click it only opens the collection I have assigned to it.
How can fix this problem ? Thanks for your attention ! Down Theme

[Bobby97]

[thirtycoders]

Hello @Bobby97 ,

Could please please share your store url?

Thanks!

[Bobby97]

https://a00011-05.myshopify.com/

[Bobby97]

I don’t know how to share it as the site is not yet up on the web

[thirtycoders]

Pass?

[Bobby97]

y123456i

[thirtycoders]

Hello @Bobby97 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

header.header.header--middle-left.header--mobile-center.page-width.header--has-menu{
    z-index: 9999999;
    position: relative;
}

Thanks!

[Bobby97]

It doesn’t turn out like you say, I’ll attach pictures. Or am I mistaken somewhere ?

[thirtycoders]

Please Paste the below code at the bottom of the “base.css” file

[Bobby97]

I’m attaching a photo again so he can see if I did it right. It doesn’t work that way

[BSSCommerce-B2B]

Hi @Bobby97 , You can follow my instructions.

• Go to Online store → Themes → Edit code

• Find file theme.liquid

• Paste this code above tag → Click Save

{% if request.page_type == "index" %}
      
    {% endif %}

Result:

I hope these instructions will help you. If they are helpful, don’t forget to like and mark as the solution.

Have a nice day sir!

[BSSCommerce-B2B]

Hi @Bobby97 ,

You can follow these steps:

• Go to Online store → Themes → Edit code

• Find file theme.liquid

• Paste this code above tag → Click Save

{% if request.page_type == "index" %}
      
    {% endif %}

result:

I hope these instructions will help you. If they are helpful, don’t forget to like and mark as the solution.

Have a nice day sir!

[Bobby97]

Thank you for your reply, but unfortunately it didn’t work. I want the Image Banner and the Header to merge. As it is on the picture I will attach. Your code department the Image Banner and the Header and that’s why it works. I want to keep the clickable image banner and keep merging the image banner and the header, but I want the header to work

[BSSCommerce-B2B]

Hi @Bobby97 ,

You can add the following CSS code snippet to the code I instructed you to add last time.

{% if request.page_type == "index" %}
      
 {% endif %}

• Result:

I hope this helps! If they are helpful, don’t forget to like and mark as the solution.