Convert plug responsive layout

Support
#1

Hello,
I am trying to get the image to be on top of the text on mobile. It doesnt make sense to have the poster on the bottom especially since the layout has the image on the left hand side on desktop. Usually it would stack on top in responsive mode. the url is: http://77.104.151.155/~lbylilms/production/
click on either deceptive exit or the wicked path to see the pop up
Please advise. Thank you

#2

Hello Salim,

Thanks for asking. :slight_smile:

You can add following CSS under Pro > Theme Options > CSS to change the position of text and image on mobile:

@media only screen and (max-width: 600px) {
    .cp-modal-body .cp-row.cp-columns-equalized {
    display: flex;
    flex-direction: column-reverse;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

thank you : )

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.