Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #331433
    Lindavnr
    Participant

    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

    #331458
    tikaram
    Participant

    @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

    #331464
    Lindavnr
    Participant

    That’s great. Thanks.

    Can you use this link?

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

    #331486
    tikaram
    Participant

    @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

    #331488
    Lindavnr
    Participant

    Thank you so much! Solved! 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Header photo for mobile’ is closed to new replies.