I need urgent help regarding my navigation please

[Moeed]

Hey so basically I don’t know what suddenly happened with my navigation bar, It used to look like this:

As you can see the sub-menus are not collided into each other and right now my navigation bar is displaying properly when I see it from Theme Customization but when I look into it from actual site then that’s how it looks like:

As you can see from the actual site preview the sub menus are collided into each other plus if you notice there’s a slight color change in navigation bar as compared to Theme Customization Preview and Actual Site Preview. Can anyone help me with this? It’ll be really appreciated.

https://www.saya.pk

[Moeed]

@GemPages @PageFly-Victor @EBOOST @KetanKumar @suyash1
Sorry for the mentions but I saw you guys are the top contributors so I thought you’ll be able to help me.

[PageFly-Victor]

Hi @Moeed

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->theme-styles-responsive.scss.css

.menu-lv-2.inner.dropdown.col-12.col5:nth-child(3) {
    left: 220px !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

[Moeed]

The thing is margin isn’t the issue, something happened from the backend of the coding which messed up with navigation settings which made the margin bad, changed the color of the navigation slightly also my search bar is not working as well because of this issue.

Edit: I also don’t get it why my navigation bar is displaying properly from Theme Customization but not displaying properly on the actual site.

[suyash1]

@Moeed - add this css to the very end of your theme-styles-responsive.scss.css file and check

@media (min-width: 1200px){
.site-nav .mega-menu .menu-lv-2 {position: initial !important;  
width: initial !important;}
}

[Moeed]

Okay so now the margin of the navigation is fixed I really appreciate you for that but like as I mentioned above if you notice in the above screenshots I provided why is my navigation color slightly changed as compared to the color which is being showed in the Theme Customization option?

[suyash1]

@Moeed - I do not see much difference

[Moeed]

Okay can you tell why is my search bar not working? it used to display suggestions now it isn’t giving any suggestion

[suyash1]

@Moeed - you have some errors in console, please check them I think this issue is javascript/jquery issue

[Moeed]

Also there’s a slight change in menu now, It used to look like this

But now it looks slightly different and now it looks something like this :-

Can you help me in this one too?

[suyash1]

@Moeed - if you want it like previous only then I recommend you to contact this mega menu app spport, because css changes all menu items so it will look like right now and not how it was