Solved

How can I make the drop down menu appear above the banner?

Haiky21
Excursionist
21 0 5

Hi

So basically if you go onto the website and hover over 'Shop all' at the top of the page, the drop down menu appears beneath the blue banner, I dont know if its possible but is there a way to make the drop down menu appear above the blue banner?

 

Thank you

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
5946 1431 1763

This is an accepted solution.

Hi @Haiky21 

Do you mean like this? 

Made4uoRibe_0-1711727419576.png

If it is, check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
.tb-icon-block-container.tb_vertical {
    z-index: 5;
}
.nav-dropdown {
    top: 50%;
    z-index: 10;
}
</style>

 

And Save. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


View solution in original post

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
5946 1431 1763

This is an accepted solution.

Hi @Haiky21 

Do you mean like this? 

Made4uoRibe_0-1711727419576.png

If it is, check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
.tb-icon-block-container.tb_vertical {
    z-index: 5;
}
.nav-dropdown {
    top: 50%;
    z-index: 10;
}
</style>

 

And Save. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


Haiky21
Excursionist
21 0 5

Hey

Yes thats it! ill double check and let you know if it works. 

 

Thank you

Haiky21
Excursionist
21 0 5

Yes that works perfectly!

 

Thank you!