Hello Enfold team!
For some reason I have some text underneath an opt-in form on mobile only that is overlapping the form itself, so it’s unreadable.
I’ve tried adding breaks or spaces to move it down, but my efforts have been unsuccessful.
I’ll reference the page below… please scroll down to see the opt-in form on the page and the overlapping text UNDER it (on mobile).
This is happening on my Contact page also.
Thanks!
Hey Moondreamer21,
Add this to quick css:
@media only screen and (max-width: 767px){
form.af-form-wrapper + p{
margin-top:75px!important;
}}
Best regards,
Jordan Shannon
Thanks Jordan,
That worked great, except for under the contact form on the Contact page… the text still over laps there. Can you take a look at that (the url is in the PC I posted above).
Hi,
Add this to quick css to handle the contact page:
.avia_codeblock_section.avia_code_block_0 + .av_textblock_section {
margin-top:75px!important;
}
Best regards,
Jordan Shannon
Thanks Jordan, that worked! :) We can close this thread.
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon