Public Ticket #2190450
Hide header image for mobile


  • Nanda Hoog Antink started the conversation

    Hi there,

    I would like to hide the header image on mobile phones only. Is there any code I could use to do so?

    Kind regards, Nanda 

  •  956
    Marc replied

    Hi Nanda,

    you can use additional CSS code to hide elements based on the screen's width. The following sample code would hide your header images on devices with a width up to 640 pixels:

    @media screen and (max-width: 640px) {
        .header-img {
            display: none;


  • Nanda Hoog Antink replied

    So sorry for my late response! Anyway, thankyou for your advice, it works :)

    Kind regards, Nanda