Section Gradients On Mobile - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Section Gradients On Mobile

C

conshelf

SP Page Builder 4 years ago

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

0
3 Answers
Order by
Oldest Newest Votes
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #35229

Hello

Thank you for sharing the site URL.

Let me have a look.

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #35247

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.

0
C
conshelf
Accepted Answer
4 years ago #35365

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

0