I'm trying to hide the header and the menu on just one page (I need it still to show on the rest of the site) so I've added the following to the CSS for that page:-
It works fine on larger screens but the mobile menu and cart icon still show on smaller screens. I've tried all sorts of variations in CSS but just can't get the header with the hamburger and the cart to disappear on that page for smaller screens.
Can you please share your site credentials here, because we need to login to your site and try fix it live as the site does not show any page live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
Hi Guys
I'm trying to hide the header and the menu on just one page (I need it still to show on the rest of the site) so I've added the following to the CSS for that page:-
.page-id-2487 .site-header { display: none !important;}
It works fine on larger screens but the mobile menu and cart icon still show on smaller screens. I've tried all sorts of variations in CSS but just can't get the header with the hamburger and the cart to disappear on that page for smaller screens.
Hope you can help.
Thanks!
Clive
Hi Clive,
Can you please share your site credentials here, because we need to login to your site and try fix it live as the site does not show any page live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
Best regards,
Laborator Team
Hi Clive,
I have changed the CSS and now the header is not showing even in mobile.
Best regards,
Laborator Team
Hi Art
Nice and simple! Sorry I couldn't work that out myself! :))
Best wishes
Clive
You're welcome Clive.
I will set this ticket as solved, so if you have further questions/problems create a new ticket instead.
Have a great day
Best regards,
Laborator Team