Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 18, 2018 at 11:24 pm #943786
    tecnicoposiciona

    Hello good afternoon. I’m trying to make the photo and the buttons I have in my home look bigger through CSS. My website is http://www.laspalmerasloteria.es. It is made with LayerSlider and it has a section to write css, but I have put an @media and ignores it. It has to be done in some special way. Or in another way directly in some css file of the template ?. Thanks a big hug. This is the code that I have put:

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    .ls-wrapper .ls-in-out img{
    width: 325.577px;
    height: 317.629px;
    margin-top: -290px;
    margin-left: -20px;
    }
    }

    April 20, 2018 at 2:31 pm #944592
    Mike

    Hey tecnicoposiciona,
    Can I suggest a better way to control the slides and positioning for mobile devices, try creating a copy of your layerslider, then change the canvas to the size your are targeting, such as 480px, which is the size for most mobile devices.
    Then use the visual tools in the layerslider to resize and position your elements, and save.
    Then add it to your page under your current one, and we can help adjust which screen sizes it will show on with css like this:

    @media only screen and (max-width: 767px) {
div#layer_slider_1 {
display:none!important;
}
}

@media only screen and (min-width: 768px) {
div#layer_slider_2 {
display:none!important;
}
}

    This really will work better for you, than trying to manually target and adjust how the layers work in the layerslider.

    Best regards,
    Mike

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