Text Box Background Color and Blur on Mobile

I want to add a color and background blur to a text box that only shows on the mobile.  Currently, it's either both or nothing.

Any help is appreciated.

https://corn-ferret-28x9.squarespace.com/

 

@TigerLily67 The site is private. You have to publish the site with a password.

Also, create a text block similar to how you described. Then, I can provide a custom code solution to display that text block only on mobile.

Hey @Lesum, thanks for your help. The password is Zippy.

Currently, the box is shown on the homepage and styled correctly. However, as shown in the image above, I need it to ONLY appear on mobile.

@TigerLily67 Password isn't working.

@Lesum  try Zippy12345

@TigerLily67 Can you also add another text block that will be displayed on desktop?

I'm sorry, I don't understand. The exact same text box will appear on the home page, only it should be text only.

@TigerLily67 Sorry, I didn't explain properly. You need to create two text blocks, one with a background (for the mobile version) and another without a background. Then, with custom code, I'll change it so that the one without a background is visible only on desktop, and the one with a background is visible only on mobile. Just make a duplicate of the text box you have right now and remove its background, which we'll display on desktop.

OK. done. But what about positioning? Will I be able to stack them so they're in the same space? I'm unclear how this works. 🙂