Buddha Mega Menu covering Search Bar Dawn Theme

Store Design
1

Hi,

I have recently switched to the dawn theme on my site however have come across an issue in where when the search bar is opened, the buddha mega menu remains over it. The link is www.lookyounique.com

1 Like
2

hii, @NEWBIE201930
Paste this code on top of the theme.scss file.

@media only screen and (min-width: 992px) {
.field {
    position: relative !important;
    width: 59% !important;
    display: flex;
    left: 202px !important;
}
}

Thank You.

3

Thank You for the quick reply. Just to double check, is that the theme.liquid file? As I am unable to find a theme.css file in this dawn theme.

4

@NEWBIE201930
Sorry, Paste this code on top of the base.scss file.
Thank You.

5

Hi @NEWBIE201930 ,

I see @Zworthkey is helping you out with this. It could also be worth asking the developer of the app for help too if you want to go that route. They would be experts in installing their app as they developed it. I can see exactly what you mean though and there is definitley something not 100% correct with it!

The developers email is support@buddhaapps.com or their website here.

6

This is probably simpler:

Look in base.css and look for .modal-content

change where it says:

z-index: 4 to z-index:9999

Boom.

2 Likes
7

Hi,

You can also add mega menu in Dawn theme with no app. See video description for code

8

Boom indeed : D

this fixed my problem with the Smart Mega Menu and Navigation app too, thank you very much.

(The previous options did not cause any changes)

9

@Seal

Glad I could help!

1 Like