Header image problem vol 2

Hi there,

How can I get a different header picture shown on each page also in mobile? I have followed thread https://athemes.com/forums/topic/header-images-per-page/#post-250873 earlier and it worked well in the beginnig, also when mobile. Now the header picture I have in mobile is the one set Appearance - Customize - Header Area - Header Media.

So far I have set a different header picture only on a couple of pages, for example Majatalo and Majata -> Majoituminen and Majatalo -> Leirit and Majatalo -> Aktiviteetit and Herkuttele.

On laptop and desktop the header picture is shown as I want it. The problem occurs only when in mobile.

I got it running earier today. After a couple of hours when working on photos the code didn’t work any more. I didn’t touch the code after I first got it running.

How can I fix this?

Regards,

mikko

My address is www.riihonmajatalo.fi

The mobile browsers I have tried with are Safari and Chrome.

mikko

Hello Mikko,

Please try to use Unique Headers plugin.

Kind Regards, Roman.

Hi Roman again,

You’re the man. That helped me, again.

Cheers,

mikko

Great! You are welcome Mikko! :slight_smile:

Kind Regards, Roman.

Hi Roman again,

I’m still having trouble with this one. Yes, the header images work well on laptop browser but not when mobile. In mobile the header image is size large no matter the resolution of the picture. Here is the link which you can study http://www.riihonmajatalo.fi/herkuttele/

Thanks again,

mikko

Hello Mikko,

Please try to use cropped image with aspect ratio of about 3:1.

Kind Regards, Roman.

Hi,

Thank you for your help.

mikko

You are welcome Mikko!

Kind Regards, Roman.