[Lindavnr]

Is it possible to change the header photo for mobile? The desktop header is great, but on mobile it is not so great ;-).

http://www.feestcafedezwaan.nl

[tikaram]

@lindavnr : You can assign a different header for mobile devices. Please provide me the link of the image that you would like to use as header image for mobile. I will provide you the required additional css.

Regards,
Tikaram

[Lindavnr]

That’s great. Thanks.

Can you use this link?

https://www.feestcafedezwaan.nl/wp-content/uploads/2024/01/Page.jpg

[tikaram]

@lindavnr : Login to your WordPress admin section. Go to Appearance => Customize => Additional css and add the following css and click on publish to save the changes.

@media screen and (max-width: 768px) {
 .custom-header .wrapper:before {
  background-image: url( https://www.feestcafedezwaan.nl/wp-content/uploads/2024/01/Page.jpg );
  background-repeat: no-repeat;
  background-size: cover;
 }
}

Let me know if this helps you out.

Regards,
Tikaram

[Lindavnr]

Thank you so much! Solved! 🙂

[Author]

Posts