Hide Header Image on Mobile

Hi there!

I’m looking to hide the header background image on the primary header when a user is browsing the site on a mobile device. Ideally I’d love to leave the buttons , and just not display the image.
anyone know if that’s possible?

re: cover fullscreen image-bg


Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*hide header section*/
@media (max-width:768px){
 #shapely_home_parallax-2 {
    display: none;
  div#shapely_home_parallax-3 {
    background-color: white;

Best regards,