Cover picture Mobile version

Same with pages btw, not just the blogs ??

Hi @reiswijven,

You can add the below code in Additional CSS via Admin Dashboard > Appearance > Customize > Additional CSS to align the header image to the center on mobile view:

@media screen and (max-width: 767px) {
    .site-content > .page-header {
        background-position: center;
    }
}

Kind regards!

Hi there, thanks a lot for your reply. I have added the code and when I reload a mobile page I see the correct position and size for about a second but then it switches back to the previous position.. Can you advise please?

Thank you

Hi @reiswijven,

The code should have worked. Screenshot: https://prnt.sc/13o39vh

To look into the issue further, We will be needing access to your site.

Can you please contact us via our official support channel? Here is the link: https://blossomthemes.com/support-ticket/

Kind regards!