Hi Rikard, thank you for the input. It didn’t work out of the box but with your input (text was still left hand side over the image), but with your input I could develop a final solution myself.

I need to align the text (.slideshow_caption div) to the right half of the screen. Unfortunately a right: 10px (for instance) doesn’t work for the mobile version (for all others sizes it does). But what works is a hacky margin-left: 55%. And as this actually looks good in all screensizes I removed the query for the max-width and just use this now:

@media only screen  {
.responsive #top .slideshow_caption {
    width: 50%;
    margin-left: 55%;
}
}

I’ll do some further testing (browsers, screen sizes) but my initial tests looked good.

Follow up question – as this is just the quick CSS – the right location would then be to put it into the style.css (I already use the enfold-child theme).

Thanks again, was of great help,

• This reply was modified 2 years, 8 months ago by rwitconsulting. Reason: missing some input for clarification