I'm having some problems getting this to work the way it used to.
The layerslider seems to be over the top of the menu which means we can't click the menu items.
When I googled it I found someone had a similar problem and you had some CSS code. I used this which seemed to really break it. Now (even after removing the code) the image looks to have been zoomed in. also it's still blocking the menu.
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.
I'm not sure what custom code you've added, but you only need to apply some z-indexes to adjust this problem.
More specifically, 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; If your menu is still behind after this, you should use a negative value instead.
The Slider Settings is one of the three main tabs of your sliders at the top when you edit them. You cannot miss it.
The image might appear zoomed because it is too small for your slider's sizes. If you add a small image to a large slider, naturally it will have to be enlarged to fill it. Different aspect ratios might also result in crop/zoom. I'd recommend to check on the slide background image settings, you can change its behavior (cover,contain,stretch) and position there.
Hi There
I'm having some problems getting this to work the way it used to.
The layerslider seems to be over the top of the menu which means we can't click the menu items.
When I googled it I found someone had a similar problem and you had some CSS code. I used this which seemed to really break it. Now (even after removing the code) the image looks to have been zoomed in. also it's still blocking the menu.
Can you help?
Cheers!
Joe
Hello Joe,
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.
I'm not sure what custom code you've added, but you only need to apply some z-indexes to adjust this problem.
More specifically, 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; If your menu is still behind after this, you should use a negative value instead.
Hi Attila
I just can't get that to work.
I can't find Slider Settings -> Appearance -> Custom Slider CSS field.
Also will that fix the zoomed in issue I'm having.
Cheers!
The Slider Settings is one of the three main tabs of your sliders at the top when you edit them. You cannot miss it.
The image might appear zoomed because it is too small for your slider's sizes. If you add a small image to a large slider, naturally it will have to be enlarged to fill it. Different aspect ratios might also result in crop/zoom. I'd recommend to check on the slide background image settings, you can change its behavior (cover,contain,stretch) and position there.