Fullscreen Slider Caption position on mobile

Hey dreamreader,

Could you post a link to where we can see the element in question please?

Best regards,
Rikard

Hi,

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

@media only screen and (max-width: 767px) {
.avia-builder-el-0 .slideshow_caption {
  padding-top: 0;
}
}

Best regards,
Rikard

Hi,

Please try this CSS instead:

@media only screen and (max-width: 767px) {
.avia-builder-el-0 .slideshow_caption {
  padding-top: 0 !important;
}
}

Best regards,
Rikard

Hi,

You could try this instead, but then it will go all the way to the top, so you would have to add a value to top padding, maybe 25% or something similar:

@media only screen and (max-width: 767px) {
.avia-builder-el-0 .slideshow_caption {
  padding-top: 25% !important;
}
.slideshow_align_caption {
  vertical-align: top;
}
}

Best regards,
Rikard

Hi,

Great, I’m glad that we could help you out :-)

Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

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

Best regards,
Rikard