Banner Slider

  • Dear Support

    I am using the YITH Slider for Page Builders and would like some help on how to set it up so that it has zero margin at the top of the page similar to your Proteo Demo. I would like the menu to be see through and have the slider behind it. I’ve tried all the different options under the background settings but did not achieve the desired result.

    Thank you in advance as always!
    E

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Hi there,
    ok, proceed this way.
    In the slider set the slider height as you need, then, add the slide and put in this the image you want to use as a background.
    Please check this small video about it:

    Thread Starter euniceha

    (@euniceha)

    Dear Francesco, – that helped me so much, thank you a million times <3 I would like to hide this slide on mobile – could you let me know what name I can use for the CSS Class please?

    Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Hi there,
    please try the following Additional CSS:

    @media (max-width: 992px) {
    .site-header + .yith-slider {
        visibility: hidden;
        pointer-events: none;
        height: 130px !important;
        position: static;
    }
}

    It may be needed to change the 992px value according to the resolution under where you want to hide the slider.

    Let me know ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Banner Slider’ is closed to new replies.