Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Unitheme Product Filters On Mobile Rate Topic   - - - - -

 
  • Ghiyas
  • Senior Member
  • Trial users
  • Join Date: 07-Aug 17
  • 231 posts

Posted 07 March 2022 - 02:10 PM #1

Hello,

 

I am using UniTheme v1 on my store. I have product filters set up which work perfectly on desktop and tablets. I have had to hide it for mobile browsers at the moment because of an issue I have.

 

When the product filters drop down is opened, the filters are behind the product pictures instead of in front. I need to adjust the z-index of it to bring it to the top but I'm not sure where to make this change. 

 

I have tried to add the following 2 lines into the custom CSS in Theme Editor but neither worked (I did use ?cc&ctpl

 

 

.abt__ut__flying_block .cat-product-filters {

    z-index: 10;

}

 

 

.cat-product-filters {

    z-index: 10;

}

 

Any advise would be great!



 
  • Ghiyas
  • Senior Member
  • Trial users
  • Join Date: 07-Aug 17
  • 231 posts

Posted 19 April 2022 - 10:43 AM #2

*bump*

 

Any advice would be helpful



 
  • Ghiyas
  • Senior Member
  • Trial users
  • Join Date: 07-Aug 17
  • 231 posts

Posted 29 April 2022 - 08:49 AM #3

I've found the issue. Had to change the following:

 

 

.stickymenu {

 
position: -webkit-sticky;
position: sticky;
top: 0;
 
}

 

 to 

 

 

.stickymenu {

 
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 100;
 
}