Hello,
I'm using a section gradient to split colors on the page, as seen here.
The problem is, when you view in mobile, it splits the gradient on the lover bloack making it hard to view the contact form elements.
I don't see any mobile settings to control the gradient, is there another way to solve this issue?
Kind regards,
John
Hello
Thank you for sharing the site URL.
Let me have a look.
Please add the following css rules in custom css section.
@media (max-width:767px) {
.sp-page-builder .page-content #section-id-1605885310313 {
background-image: linear-gradient(180deg, #fff 35%, #7FA3D5 35%);
}
}Kindly do let me know if that works.
Hi Ariba,
The provide code kind of worked, but didn't fix it 100%.
I opt'd to create two new rows specifically for mobile, and hide the top row with the gradient on mobile.
Kind regards,
John