# Fix "Fixed Background" Cover Blocks on iPhone and iPad

> Switches Cover blocks set to a fixed (parallax) background to a normal scrolling background on touch devices, where fixed backgrounds look blurry, zoomed or don't show at all.

- Type: CSS
- Runs: Site-wide header
- Category: [Frontend & Design](https://wpide.com/library/category/frontend/)
- Tags: cover, mobile, ios, css
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/frontend-fixed-background-ios-fix/

## Code

```css
@media (hover: none), (pointer: coarse) {
    .wp-block-cover.has-parallax,
    .wp-block-cover__image-background.has-parallax,
    .wp-block-cover .has-parallax {
        background-attachment: scroll !important;
    }
}
```

## Notes

Desktop browsers keep the fixed background effect.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Fix "Fixed Background" Cover Blocks on iPhone and iPad" in its snippet library and add it in one click; or create a new CSS snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/