Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 14, 2019 at 7:47 pm #1090701
    czar

    Hi, if I insert background image in color section with 100% height and set page with transparent header, no problem is perfect.
    Even if I insert the avia-layerslider block, no problem is perfect with tranparent header.
    But if I insert layerslider in color section through shortcode, transparent header doesn’t work. Why?

    April 14, 2019 at 9:04 pm #1090730
    Victoria

    Hey czar,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    April 15, 2019 at 2:18 pm #1090967
    czar

    ok Victoria
    this is with avia-layerslider block:
    http://i68.tinypic.com/2roktqb.png
    —————————————————–
    this with shortcode in color section:
    http://i68.tinypic.com/jv2j38.png

    thanks

    • This reply was modified 5 years, 8 months ago by czar.
    April 16, 2019 at 8:05 am #1091275
    Rikard

    Hi,

    Thanks for the screenshots, I can’t understand why you would need a LayerSlider inside of a Color Section though?

    Best regards,
    Rikard

    April 16, 2019 at 1:52 pm #1091426
    czar

    Hi Rikard and thanks for reply, Hoped for this to have visibility options that layerslider does not have. My client wants different slides only on smartphones, and layerslider offers only two options for visibility: desktop or mobile (tablet and smartphone). So I was thinking of solving this. Do you have any better ideas?

    April 17, 2019 at 5:38 am #1091767
    Rikard

    Hi,

    Thanks for the clarification, you should be able to achieve that with CSS. Just add both of the sliders to the page and link to it here and we’ll give you some CSS to use.

    Best regards,
    Rikard

    April 17, 2019 at 2:22 pm #1092021
    czar

    Thanks Rikard, now on homepage are 2 layersliders, the second one is the smartphone (you can see it from size).
    Access data token valid 7 days is in private content .

    Best regards,
    czar

    April 18, 2019 at 6:35 am #1092288
    Rikard

    Hi,

    Thank for that. Please try the following in Quick CSS under Enfold->General Styling:

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

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

.home #layer_slider_2 {
  display:block;
}
}

    Best regards,
    Rikard

    April 18, 2019 at 2:54 pm #1092441
    czar

    Wow fantastic! Thank you for solving this problem Rikard.

    Best regards,
    czar

    April 19, 2019 at 7:29 am #1092610
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    April 19, 2019 at 9:51 am #1092644
    czar

    Ok Rikard, please close this thread.
    Thanks
    Czar

    April 20, 2019 at 6:26 am #1092835
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘question on layerslider and color section’ is closed to new replies.