Background image remove or reduce for mobile (the circles)

[TweetyBird2005]

https://grc.dev-humbird.com/

need to make the circle in the orange bar reduce or not show for mobile.

Can you help with that? The circles are in the background and then I designed a button over the image to create the hover effect.

I can be happy with just showing the button on a mobile.

[Prasant]

Hello @TweetyBird2005,

Thanks for asking.

Please add class name into Customize > Setup > Class. After that please add following X > Theme Options > CSS:

.class-name .x-bg-layer-lower-image{background-image: none !important;}

Please replace class name as per requirement.

To add class name, you add can watch following screencast.

I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

For the CSS code itself, I suggest that you get started with this tutorial:

Thanks.