hiding the header only on mobile

The custom CSS code you proivded is nowhere on your site — at least not on your homepage. Instead, I see the following:

@media only screen and (max-width: 769px){  .cm-container{
    display: none;
}

You want to review your code!

Hi @sacconi,

Thanks for reaching us,

For removing the header on mobile, please use the following CSS Code:

@media only screen and (max-width: 768px){
.mob-menu-header-holder{
    display: none;
}
}

Let me know if this helps you or not and I will get back to you.

Regards

It seems it doesnt work…unless I see a cached image…could you check pls? thank you

Hi @sacconi,

Thanks for reaching back,

As you can check from the screenshot here: https://prnt.sc/tWmXhv6iiFbJ there are 2 headers appearing i.e 1 and 2. For removing the header 2 and keeping the header 1, please use the code below:

@media only screen and (max-width: 768px){
    .cm-header{
        display: none;
    }
}

Also, please add the code at the top of the additional CSS box and check if it helps you or not!

Regards