-
Posts
-
Hallo zusammen,
ich bin in den letzten Zügen vpr der Online-Schaltung und checke die Responsivität der Seite. Ich würde gern den LayerSlider auf der mobilen Ansicht in der Höhe anpassen; alles was ich hier bisher gefunden habe, hat nicht richtig funktioniert.
Es geht um den Slider auf der Startseite, der ist mobil zu klein und den Text kann man auch nicht lesen. Es wäre toll, wenn mir da jemand helfen könnte, danke!
Viele Grüße
SarahHello everybody,
it’s about the responsiveness of the homepage. I would like to adjust the height of the LayerSlider on the mobile view; Everything I’ve found here has not worked properly.
It’s about the slider on the start page, the mobile is too small and you can not read the text. It would be great if someone could help me with that, thank you!
Best regards
SarahHi,
Sorry for the late reply, the best solution, in this case, is to create a second slider for mobile devices. You can clone your desktop version and then adjust the canvas size to match mobile, that is to make it taller than wide 425px x 168px or how ever tall you wish it to be.
Then you can make your text and buttons larger and align them on the page as you like.
Then you can use css to hide and show the two sliders depending on the screen size, for example:@media only screen and (min-width: 768px) { #layerslider-1 { display: block !important; } #layerslider-2 { display: none !important; } } @media only screen and (max-width: 767px) { #layerslider-2 { display: block !important; } #layerslider-1 { display: none !important; } }If you would like help with the css please create the slider and include admin login in the Private Content area so we can examine the sectors and write the css.
Best regards,
MikeHello friends, I tried to solve the same problem with the layer slider like this. But I can only include a certain slider with the shortcode on the page. How is that supposed to work?
AndreasHi,
If you are using the Advanced Layout Builder then you would add two layerslider elements, then on the page in the source code one would automatically be known as #layerslider-1 and the other #layerslider-1 then the css above would work.
Since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area, so if you require further assistance please create a new thread and include a recap, and WordPress admin access in the Private Content area, then you can link to that thread here so we can find it easier.Best regards,
Mike
- You must be logged in to reply to this topic.