Archived topic

Hero image appearing on all devices except mobile

3 replies · Started by Jason on June 22, 2022

Viewing posts 1–4 of 4

June 22, 2022 at 7:33 am #2261226

Good morning,

I have a site - blockopedia.co - where I've done a few small tweaks to 'Single Post Hero' element in the 'Volume' site in the Site Library of GeneratePress.

The goal of the changes is to have a full screen hero image, using the featured image, appear when the post is accessed. Currently, this is working on all devices except mobile. As this is the case, I am wondering if there is just a simple setting that is hiding the element on mobile.

Is there a way to fix this?

Thanks in advance!

Jason

June 22, 2022 at 10:12 am #2261556

Hi Jason,

Go to Additional CSS field in the customizer and remove this CSS:

@media(max-width: 768px) {
    .page-hero-block:before {
        background: none;
    }
}

Make sure to clear your caching plugin after.

Let me know if this helps :)

June 22, 2022 at 10:22 am #2261563

Leo,

I was hoping it would be something simple, and that did it!

Thanks for your help!

Jason

June 22, 2022 at 10:24 am #2261566

No problem :)

This archived topic is closed to new replies.

Start building better websites today.