Error or bug on website - overlapping issue

Store Design
1

Hey,

Could someone help me with this bug. I’m a newbie, I’ve designed my website myself using the shopify theme store etc..

I recently noticed this “bug”… this has only just started occurring in the last few days.

My main menu is working as normal, until I hit the search button (icon)… It shows over the top looking all messy. Before it was “blue” over the top of the menu with the search field.. (I’m no good at the correct lingo)

I’ve attached screenshots.

This seems to only happen on desktop and mobile doesn’t seem to be affected

any help would be amazing

Ben

2

Hi @bbam ,

Could you share your store URL and protected password if it has?

3

www.bbam.com.au

4

Hi @bbam ,

You can solve the issue by adding this css code at the bottom of you base.css file

.search-modal { z-index:9999; }
5

@bbam

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

details[open]>.search-modal { z-index: 9999;}

Thanks!

6

Sorry, I actually have no idea what your talking about. I can’t & don’t code…

and I don’t wanna hahahaha, Is there another way to fix this?

7

Hi again, Can you please show me how to do this. I don’t understand coding etc.

I have done this website completely on the templates.

I’d appreciate it :slightly_smiling_face:

Ben

8

Go to your Shopify admin > Online store > Themes > Current theme > Actions > Edit code > Assets > base.css

9

What a LEGEND!! Thank you so much. It worked.

1 Like
10

You are welcome