HTML for responsive screen width

Hey ProTravelGolf,

Where can we see the problem in question? Please try to be as specific as possible as to what is wrong and how you want to change it.

Best regards,
Rikard

Hi,

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

@media only screen and (max-width: 767px) {
.wpppass-top-text img {
    width: 100% !important;
    height: auto !important;
}
}

Best regards,
Rikard

Hi,

Sorry for the late response. Please add this css code to move the text below the image on iPad view.

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .wpppass-top-text img {
        clear: both;
        display: block;
        float: none !important;
        margin: 0 auto;
    }
}

Screenshot: https://imgur.com/a/bDAtof5

Best regards,
Ismael

Hi,

Glad it worked! Use this css code to adjust the width of the input field on phone screens.

@media only screen and (max-width: 767px) {
    #wpppass form input[type="password"] {
        width: 95%;
        height: 40px;
    }
}

Best regards,
Ismael

Hi,

Awesome! Glad we could help!

Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.
And please feel free to open a new thread if you need anything else.

Thank you for using Enfold :)

Best regards,
Ismael