Hello,
I need some help with hiding the slideshow pagination controls
from the sticky menu when scrolling down on desktop
and from the drawer menu on mobiles
Does anyone have any idea on how to fix?
Please share your site URL,
I will check out the issue and provide you a solution here.
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
.slideshow__controls{
z-index:1;
}
Hi @infoatcodelab7 Does this code hide the controls when overlapping with menu?
I only need the controls to hide when overlap with menu (sticky menu on dektop) (drawer menu on mobile).
This code completely removed the buttons from the slideshow. That is not what I need.
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
.slideshow__controls{
z-index:1;
}
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag
Hope this answer helps.
Best regards,
Victor | PageFly
Hello @1989streetwear ,
You can follow these steps:
- Go to Online Store->Theme->Edit code
- Open your theme.liquid file, paste the below code before
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
please help me to add this code again at the top of the base.css file
@media screen and (min-width: 1204px){
button.slider-counter__link.slider-counter__link--dots.link {
display: none !important;
}
}
@media screen and (max-width: 767px){
button.slider-counter__link.slider-counter__link--dots.link {
display: none !important;
}
}
Thank you so much @GemPages .
This code worked perfectly!!