CSS Gradient Background Help

[erich199]

Hello,

I’m trying to create a homepage with a 2 color gradient. It works the way I want it to, until I try to resize the browser. The css gradient resizes (as it should) with the browser and it looks odd in mobile version. Is there some additional css I can add to make the mobile version background have a solid color?
Thanks in advance.

My Settings:

`#main .main-color {
background: #fff;
background-image: linear-gradient(to right, #410099, #410099 15%, #fff 15%, #fff 85%, #410099 85%);
}`

 

 

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[erich199]

Thank you.

[Radu]

Hi,

To have a different style on mobile you should use the media query

from example

COPY CODE

@media (max-width:600px) {
	#main .main-color {background: red;}
}

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts