Topic: Block Spacer CSS

Opus
November 13, 2023 at 2:52 pm

I have a layout using the spacer… Works PERFECT on a desktop, but the space is too much for a mobile. Is there no way to add CSS to the spacer? I’ve tried the “mobile icon” but unfortunately it changes for both views. Thanks in advance.
Fernando
November 13, 2023 at 6:03 pm

Hi Opus,

We’ll need custom CSS to alter it for mobile. The “mobile icon” won’t work for this Block since it isn’t a GB Block. It’s a WordPress Block.

For reference, can you share a link to a page where you have the spacer added?
Opus
November 15, 2023 at 4:55 pm

Sorry for the late reply. See link below.
Fernando
November 15, 2023 at 5:23 pm
Try adding this through Appearance > Customize > Additional CSS:
```
@media (max-width: 768px){
    .wp-block-spacer {
        height: 60px !important;
    }
}
```
You can alter the 60px value to your liking.

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

Block Spacer CSS