How can I fix the mobile filter and sort sidebar issue?

[Jay_Olympus]

Hi,

My "filter and sort" sidebar filter on MOBILE is totally messed up. Can you help me fix that? Screens are from a iPhone 15 pro max. I'm using this templatemonster theme:
Body Builder - Sport Nutrition Shopify Theme (templatemonster.com)

www.olympus-training.shop

 

 

[Ritu-25]

Hello @Jay_Olympus , 

Please add this css in styles.css

.tl-custom-position.bottom-left{
    z-index: 1;
}

Thanks, 

Ritu

[Jay_Olympus]

Thanks for the reply, but I can't use that. Then the language switcher moves behind other parts of the website. I'd prefer to have a filter sidebar with a shorter and fixed height, as there isn't much in it anyway.

[Ritu-25]

@Jay_Olympus , 

Okay if you want to make it as fixed height then use this CSS : 

.mobile-facets__inner{
    height: 75%;
}

[Jay_Olympus]

Doesn't work. Maybe I have to remove the sliding sidebar first?

[Ritu-25]

@Jay_Olympus, 

Just add this 

@media(max-width: 479px){
.mobile-facets__inner{
    height: 75% !important;
}
}

[Jay_Olympus]

Ok, the height is shorter now. But the "sliding" effect is still messy. And the currency in the price range needs to be fixed (currency overlapping with the customers input). I would attach a video record of the mobile screen, but can't do it here.

 

[Jay_Olympus]

This overlay filter menu really starts to annoy me. Is there a way to completely remove it on mobile?