-
Posts
-
I haven’t yet been able to get the right settings to make LayerSlider WP work right. I’ve tried having the background image at both a wider and narrower width. I’ve played with the Slider width, Responsive Under, and Layers Container fields for the slider settings. On mobile, the slider looks okay. However, on a computer screen, a couple of the layers do not appear in the right spot, and as I adjust the size of the browser, the layers on the left (the text) starts to disappear as if behind the side menu. It seems that the layers are not adjusting properly.
See link and login credentials in private content.
Hi block4,
I see that you have debug mode active, could you try copying the page to a new page to see if that helps please?
Regards,
RikardI created a new page, copied the code from the debugger section of the old page and pasted it into the debugger section of the new page and published the page. The slider would not even show up on the new, published page, and the formatting of the grid rows was off. So I changed the selected slider, pressed the page “update” button, reselected the correct slider, and clicked “update” again. Then I refreshed the front end of the new page. This time the slider displayed and the grid row formatting was correct. However, the problem with the slider (layers moving off the screen or behind the side menu) continued.
I tried changing the menu so it was a top menu instead of a left side menu. When the menu is at the top, the slider seems to function properly. Therefore, I think the problem has something to do with the side menu, perhaps as though that the slider is adjusting to screen size based on the assumption that the side menu isn’t there.
Hi,
for each slide inside layerslider you can use custom css code. So adjust width and height value of each slide as needed. If you want to adjust it for smaller screen sizes only then you need to add media queries to your css code: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Best regards,
AndyHi, Andy. I don’t know that adding media queries based on width will work. As I move the browser smaller and smaller, more and more of the slider disappears behind the side menu. From what I understand, I’ve have to set up a media query for every pixel width within a range between mobile (slider looks okay on mobile) to where the slider looks okay on laptop. Even then, I don’t know that the media queries would work because the slider seems to be calculating its settings (display width) as though the side menu weren’t there. It doesn’t seem to recognize that there is something over the top of it.
- You must be logged in to reply to this topic.