Move the banner slide

Trying to get the exact style as seen in desktop in mobile view. Looking to move the banner slide down, or the header menu from being on top of the banner.

Tried the following CSS for mobile view:

@media screen and (max-width: 480px) {

.rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap *:last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap *:last-child {
margin-top: 16% !important;
}

}

However, it only moves the text to fit inside the slider more tightly, would like to see whether it's possible to move the slider a bit down, so the silder text title, appears correctly.

  • Dimitris
    • Support Star

    Hey there Peter,

    hope you're doing good today! :slight_smile:

    Could you please try to add the following custom CSS rules and see how that goes?
    Please add it on the very bottom of your Additional CSS in Customizer.

    @media only screen and (max-width: 782px) {
      div#header-container {
        background: #282828;
      }
      #main-wrap {
        padding-top: 115px;
      }
      .slotholder {
        margin-top: 0;
      }
    }

    Warm regards,
    Dimitris

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.