Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 21, 2020 at 4:57 am #1254533
    designyvr

    Hi,

    Is it possible to reduce the space between the caption and the button in the mobile view? Please see below for the screenshot. What do you advise?

    Thank you!

    October 22, 2020 at 12:39 pm #1254950
    Rikard

    Hey designyvr,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.home .avia-slideshow-button {
    margin-top: -30px;
}
}

    Best regards,
    Rikard

    October 23, 2020 at 3:26 am #1255123
    designyvr

    Hi Rikard,

    Thank you. I tried this but it’s not working for me. I also tried this CSS alone in the Quick CSS box and cleared the cache, and that didn’t work either.

    I’m basically trying to eliminate that extra space, so the slider caption and button is closer to together for the mobile view, vertically aligned.

    What do you advise?

    Thank you!

    October 24, 2020 at 7:37 am #1255392
    Rikard

    Hi,

    It’s applying now, please review your site.

    Best regards,
    Rikard

    October 31, 2020 at 1:18 am #1257198
    designyvr

    Hi Rikard,

    Thanks for your help! I’m trying to close up the space even more between the caption and button, and adjusted it to the following:

    @media only screen and (max-width: 767px) {
    .home .avia-slideshow-button {
    margin-top: -60px;
    }
    }

    However the change is still not showing up for me, even with clearing the cache a few times. Could you please advise?

    Thank you!

    November 1, 2020 at 10:12 am #1257432
    Rikard

    Hi,

    This is still in your Quick CSS box, and it’s applying to your site:

    @media only screen and (max-width: 767px) {
.home .avia-slideshow-button {
   margin-top: -30px !important;
}
}

    Please try changing the value there.

    Best regards,
    Rikard

    November 3, 2020 at 4:01 am #1257848
    designyvr

    Hi Rikard,

    I’ve changed it to the following, and still it’s not making a difference after I clear the cache, can you please advise as to how to reduce the space between the slider caption and button for mobile?

    @media only screen and (max-width: 767px) {
    .home .avia-slideshow-button {
    margin-top: -60px;
    }
    }

    Thanks!

    November 4, 2020 at 5:32 am #1258171
    Rikard

    Hi,

    That is because it won’t go any higher, please try adjusting the header instead:

    @media only screen and (max-width: 767px) {
.home .slideshow_caption h2 {
    margin-bottom: -10px;
}
}

    Best regards,
    Rikard

    November 4, 2020 at 7:04 am #1258181
    designyvr

    THANKS Rikard, this works great!! You’re the best!!

    November 4, 2020 at 7:13 pm #1258396
    Victoria

    Hi designyvr,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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