Jump to content

Hiding Banner on our mobile site only

Recommended Posts

Site URL: https://www.worqflowsolutions.com/copy-of-home

Hi there, as you will see on this page we have a banner on the secondary part of the index with a rocket and other such shapes. I don't want this to show on mobile since it cuts off the words and doesn't look good, but still want it on the desktop. 


I tried using this code here in our CSS, but nothing happened: 

@media screen and (max-width:767px) {
/* hide welcome banner */
[data-section-id="whatisworqflow-with-banner"] {
    display: none;


Any assistance here is most appreciated! Thanks!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.