Tagged: enfold, Layer Slider, responsive
English:
Hello
I have problems with the correct setting of the Layer Slider. I looked at many articles here, but couldn’t find a solution in any of them. I have the problem that the text (h1 and p) is no longer responsive after a certain resolution and is simply displayed chopped off.
I could click on “Hide on mobile” in the menu, but I would actually prefer the slider to be displayed.
Could you take a look at this and possibly tell me a solution? Thanks a lot! You can answer in German or English.
Deutsch:
Hallo
ich habe leider Probleme mit dem korrekten Einstellen vom Layer Slider. Ich habe mir viele Beiträge hier angeschaut, doch in keinem eine Lösung finden können. Und zwar hab ich das Problem, dass bei mir der Text (h1 und p) ab einer gewissen Auflösung nicht mehr responsive sind und einfach abgehackt angezeigt wird.
Ich könnte zwar im Menü auf “Hide on mobile” klicken aber ich hätte es eigentlich lieber, dass der Slider abgebildet wird.
Könntet Ihr euch das anschauen und mir eventuell eine Lösung nennen? Danke!
Push
Hi,
Sorry for the late response.
The layer slider is hidden on smaller screens when I checked the site.
Have you tried adding a unique class attribute to the heading layers? You can then use that selector inside a css media query to adjust the font size on mobile devices.
Example:
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.layer-custom-css-class {
font-size: 16px;
}
}
Adjust the “layer-custom-css-class” selector with yours.
Best regards,
Ismael