How to make Crio background image in a certain section disabled on mobile?

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
July 12, 2021 at 2:51 pm #40381

J R
Guest

Hello,

My first contextual paint is quite large on mobile, so I’m trying to figure out how to disable my background image that I’m using.

Going to mobile and disabling it doesn’t work. Using the settings and disabling mobile gets rid of that whole section.

I’m assuming I need to use custom CSS, but the other forum posts don’t seem to apply to my situation.

I would like the background of that section, on mobile and tablet, to be a sort of teal-blue like the bottom of my website. I’m not really willing to share my website if I can avoid it.

Also, where would I input the custom CSS? I tried entering custom CSS in the WordPress customize area, but I think because the background is specifically a Crio thing, it’s not working? I know there’s an area in the Boldgrid section settings for the specific background to enter CSS, is that where I’d enter it?

July 12, 2021 at 4:31 pm #40429
Jesse Owens
Keymaster
Hi J R-

Thanks for the great question, and thanks for using the Crio WordPress Theme for business.

This is a little easier to show than tell, so I made this short video on how to accomplish this for you, if you have about 3 minutes to watch:

Basically, if you can add a custom class to your section with the background, you can use a CSS @media query to remove the background for mobile devices. Here’s the CSS Code I used in the video:
```
@media only screen and ( max-width: 768px ){
	div.no-mobile-background { background: teal !important; }
}
```
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘How to make Crio background image in a certain section disabled on mobile?’ is closed to new replies.

Looking For Something Else?