Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 3, 2025 at 3:56 pm #1480719
    playa-media

    Hi,
    in my current project https://www.bhe-architektur.at/architektur-am-attersee/ I am finetuning all the LayerSliders for different screen sizes. As you know LayerSlider enables different styles for Desktop, Tablet and Mobile and everything works fine for me except of Mobile/LANDSCAPE view. Can I define different styles for this size and view within LayerSlider or do I have to do so by using CSS / media queries?
    I have already tried it with CSS by assigning a class to a text layer. In that way I can modify some design properties of the layer (like drawing a border around it) but NOT the vertical position of the layer:

    .textLayer {
    margin-top: 20px !important;
    /* or */
    transform: translateY(20px) !important;
}

    How can I achieve that?

    Best regards,
    Stefan

    April 4, 2025 at 5:57 pm #1480784
    playa-media

    No ideas anyone?
    I just would like to reposition some layerslider texts in mobile landscape view by using CSS/media queries.

    Thanks in advance,
    Stefan

    April 5, 2025 at 2:19 pm #1480825
    Mike

    Hi,
    Try going to the layerslider, select the layer, go to “advanced” in the sidebar and add the custom css in a media query:
    Screen Shot 2025 04 05 at 8.10.58 AM
    For Mobile/LANDSCAPE view try this media query and adjust to your device.

    @media only screen and (max-width: 860px) and (orientation: landscape) { 
/* your css */
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.