- Posts
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?
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
@mediaquery 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; } }
- The topic ‘How to make Crio background image in a certain section disabled on mobile?’ is closed to new replies.
