To assist you better, we'd love to have a closer look at your setup and to do this, we'll need admin login credentials
(dashboard URL, username, password) to your site. This will enable us to conduct a more in-depth investigation of the issue based on your specific configurations. Would you mind sharing this with us?
To make the form fit in the row, add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 650px) {
#mc_embed_signup {
width: 320px!important;
}
}
As for the padding, it seems you have added a translateY element to the row and hence it is pushing the content in the row down by 300px. You can remove this in the row settings by setting the translateY for mobile to 0 as shown in this screenshot.
Try that and let us know if you need further assistance with this.
The phone shows a large top padding that is pushing the row content outside the row box. I need to make the phone match the web page.
Attached files: Screen Shot 2024-02-05 at 6.23.15 pm.png
Hi Kylie,
Thank you for getting in touch.
To clarify, are you referring to the row background image?
We look forward to your reply.
Thanks?
yes, as shown in the image there is a large unwanted padding in the row background that is disrupting the content.
Hi there,
Thanks for writing back.
To assist you better, we'd love to have a closer look at your setup and to do this, we'll need admin login credentials
(dashboard URL, username, password) to your site. This will enable us to conduct a more in-depth investigation of the issue based on your specific configurations. Would you mind sharing this with us?
If you prefer, you can safely share the access through a one-time secret note or using an access plugin such as Controlled Admin Access.
Before you provide this information, we strongly recommend taking a backup of your site.
If you have any concerns or questions about this process, please don't hesitate to let me know.
Best regards,
Hello again,
Thank you for reaching out to us.
To make the form fit in the row, add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
As for the padding, it seems you have added a translateY element to the row and hence it is pushing the content in the row down by 300px. You can remove this in the row settings by setting the translateY for mobile to 0 as shown in this screenshot.
Try that and let us know if you need further assistance with this.
Kind regards,
Thanks
Thank you guys, I am happy with this result
Hi again,
You're welcome.
I'm happy that we could assist you! If you haven't already, please consider sharing your experience by leaving a review on ThemeForest.
Your feedback is valuable to us and greatly appreciated!