I have a social share slider on the right side of the desktop version of the site but even though I choose to hide it on mobile, there is still an area of the screen that blocks clicking of anything else (such as menu navigation). How can the layerslider be removed from the mobile version of the site?
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
The hide on mobile option will not completely remove the slider from the page, only hide it. You will need to set a higher z-index value for your menu than the slider to solve this. You can set the z-index for the slider in the Slider Settings -> Appearance -> Custom Slider CSS field by entering z-index:1; or you could use an even lower number if 1 still does not make it.
Did you solve this issue in the meantime? I just checked your site on an iPhone and for me it seems that the menu is working and the site is scrollable on mobile.
Hi,
I have a social share slider on the right side of the desktop version of the site but even though I choose to hide it on mobile, there is still an area of the screen that blocks clicking of anything else (such as menu navigation). How can the layerslider be removed from the mobile version of the site?
Hello eifionp,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
The hide on mobile option will not completely remove the slider from the page, only hide it. You will need to set a higher z-index value for your menu than the slider to solve this. You can set the z-index for the slider in the Slider Settings -> Appearance -> Custom Slider CSS field by entering z-index:1; or you could use an even lower number if 1 still does not make it.
Thanks for your reply and explaining about z values but I can't fix the issue.
I've pasted "z-index:1;" into the CSS settings for the slider but it still blocks menu access on mobile.
I also tried 0 and -1 for the value but no change.
For the theme menu css, I also tried the following CSS property but the menu still gets blocked:
#nav{
z-index: 99999;
}
Hello eifionp,
Did you solve this issue in the meantime? I just checked your site on an iPhone and for me it seems that the menu is working and the site is scrollable on mobile.
Best Regards,
George | Kreatura Dev Team
The issue is still there.
I moved the slider to the centre right side of the screen so only the main mobile menu opens but the sub menus are all still blocked.
I've decided to move the slider to the left of the screen to be out of the way of the menu buttons.
While not ideal, I couldn't find a way to get the z-index to change so I'm happy with the compromise for now.
Thank you for your feedback.
Best Regards,
George | Kreatura Dev Team