Return to previous page

Make the mobile panel not hide at bottom

This topic has 5 replies, 2 voices, and was last updated 2 years, 6 months ago ago by ziga32

ziga32

Participant

May 23, 2022 at 19:52

How can I make mobile panel not hide when I scroll to the bottom of the page?
https://i.imgur.com/nNDkTyO.png

Also the google translate widget is covering the mobile menu and I can’t seem to target the menu with css to override it.
https://i.imgur.com/UbiXMPd.png

I used this code but no worky:
https://i.imgur.com/n6LOlk0.png

#324456 Copied Theme version: 8.1.1 WooCommerce version: 6.3.1

4 Answers
Rose Tyler

Support staff

May 24, 2022 at 07:05
Hello,

1/ Add the next code in Theme Options > Theme custom CSS:
```
html:not(.et-mini-content-opened) .etheme-sticky-panel.outside {
    visibility: visible;
    opacity: 1;
    transform: none;
}
```
2/ Theme custom CSS > Global:
```
@media screen and (max-width: 980px) {
    #glt-translate-trigger {z-index: 0;}
}
```
Regards
#324466 Copied
ziga32

Participant

May 24, 2022 at 12:06

thanks, but not gtranslate is hidden behind items on home page
https://i.imgur.com/XLPOgib.png

#324487 Copied

Rose Tyler

Support staff

May 25, 2022 at 07:32

Hello,

We’ve changed the custom CSS code. Please clear cache and check.

Regards

#324550 Copied

ziga32

Participant

May 25, 2022 at 11:06

thank you!

#324568 Copied
Tagged: hide bottom, mobile panel, persuasive, seo friendly, themes, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)