Dropdown as top layer

Store Design
, ,
1

Hi, my dropdown is covered by other items on my page, can anyone help me make it the first layer ?

Daniel19901_0-1737547199511.png
Daniel19901_0-1737547199511.png618Ă—493 29.7 KB

1 Like
2

Hello @Daniel19901 ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:
div#content_drop_zVFm4N {
    position: absolute;
    z-index: 111 !important;
}

ZestardTech_0-1737548024379.png
ZestardTech_0-1737548024379.png1743Ă—449 74.8 KB

Let me know if you need further assistance!

3

Hi @Daniel19901

TRy this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.t4s-nav__ul .t4s-lazy_menu {
    z-index: 2 !important;
}

.t4s-dropdown__sortby button[data-dropdown-open] {
    z-index: 1 !important;
}

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