Hi-

I'm trying to remove the information menu bar (which shows email, call, business hours and location) in mobile and having some issues. I don't seem to see a way to disable it using any options in Squarespace and I can't find any CSS that is responsive to this.

I'm on the personal plan, using Wells Template version 7.0

Thanks!

Can you send the link to the site?
I think it is possible to use Custom CSS on the personal plan.

https://www.rebeccapeloquin.com/

Add this code in Custom CSS

@media (max-width: 767px) {
    .sqs-announcement-bar {
        display : none;
    }
}

29 minutes ago, RPeloquin said:

I don't seem to see a way to disable it using any options in Squarespace and I can't find any CSS that is responsive to this.

You shouldn't have to use CSS for this, it's a feature you can toggle on or off:

https://support.squarespace.com/hc/en-us/articles/206545547-Adding-a-mobile-information-bar?platform=v6&websiteId=63ce8cca72788931f1134e91#toc-add-a-mobile-information-bar

You should be able to find the setting under Website Tools -> Mobile Information Bar, or you can press the forward-slash key on your keyboard and start typing Mobile Information Bar.

12 hours ago, RPeloquin said:

@Ziggy you're a legend with that forward slash shortcut! I swear I looked everywhere for this but with the menus changed around it was MIA! Disabled with one beautiful click! THANK YOU!!!!

I use it all the time! So useful!