Home › Forums › Support › Hide header on Mobile WooCommerce This topic has 4 replies, 2 voices, and was last updated 4 years, 6 months ago by Leo. Viewing 5 posts - 1 through 5 (of 5 total) Author Posts September 24, 2019 at 8:15 am #1017754 Coen Hi, I have this CSS in place: @media (max-width: 768px) { .woocommerce .site-header { display: none!important; } } However, on mobile, my header still shows on WooCommerce. Do you know why and could you help me hide it? Thanks! Cheers, Coen September 24, 2019 at 9:55 am #1017849 LeoStaff Customer Support Hi there, Try adding this as well: body.woocommerce #mobile-header { display: none !important; } Adding CSS: https://docs.generatepress.com/article/adding-css/ Let me know if this helps ๐ September 25, 2019 at 5:25 am #1018504 Coen Yes that worked! Thanks so much. Cheers, Coen September 25, 2019 at 5:25 am #1018507 Coen Topic resolved. September 25, 2019 at 9:34 am #1018809 LeoStaff Customer Support No problem ๐ Author Posts Viewing 5 posts - 1 through 5 (of 5 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In