I am embedding a form onto a wix site. The padding on mobile looks terrible. Is there a way to fix this with css?
—
Original post content: The member is experiencing issues with the padding on a form embedded in a Wix site when viewed on mobile devices. They are seeking a solution using CSS to fix the padding issue.
Summary:
A member of the “GHL Experts” Facebook group is having trouble with the padding on a form embedded on a Wix website. They find that the padding looks terrible when viewed on mobile devices and are looking for assistance in fixing this issue using CSS.
Insights:
While GoHighLevel as a CRM software may not have a direct impact on the padding issue in this specific scenario, there are a few possible recommendations to consider:
1. Check if GoHighLevel provides any specific CSS options for form embedding. GoHighLevel may have its own set of styling options for forms that could be used to adjust the padding issue.
2. Review the Wix settings for mobile responsiveness. Ensure that the Wix website is mobile-friendly and that the form is properly adjusted for mobile devices.
3. Explore custom CSS solutions. If GoHighLevel does not provide a specific solution, one option is to modify the CSS code manually. Adjusting the padding specifically for mobile devices may help improve the appearance.
Encouragement:
For more specific guidance and possible solutions, readers are encouraged to check the comments section of this article or refer to the source link provided for responses and updates regarding this topic.
Source
i can fix that for you
Use media query to resolve your issue.
/* Media query for mobile devices */
@media only screen and (max-width: 600px) {
.box {
padding: 0;
}
}