Jump to content

Mobile Bar on Artesia has too much padding

Recommended Posts

Site URL: https://www.eccotravels.com/


I was working on my site today and looked at it on mobile to see how it was going. To my surprise, the mobile bar was absolutely gigantic (too much padding above and below the branding). I didn't do anything for it to become so large, it's always been very thin, which I loved. Now the mobile bar covers almost half of my phone screen. I can't even see the mobile menu options properly, they get cut off and the drop downs can't be seen. Desktop, to my knowledge is fine, this is a mysterious mobile problem.

Currently, my page has absolutely no CSS or custom anything on it. I'm creating a video to put as a homepage banner and that's literally the most exciting thing going on about it. I use the Artesia template, which I believe is a York family template. 

Please help me! How do I make this padding smaller? Could this be a glitch and it will go back to normal?

I'm happy to put in some custom CSS, nothing that I've searched even made a dent into changing things.  I uploaded screenshots from my phone so you can see the issue. 


MObile Bar 2.jpg

Mobile Bar 1.jpg

Link to comment
  • Replies 1
  • Created
  • Last Reply

You can contact SS Customer Care. If they can't help you, add this to Home > Design > Custom CSS


@media screen and (max-width:767px) {
.mobile-branding-wrapper, label.mobile-nav-toggle-label {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
div#site {
    padding-top: 0 !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment


This topic is now archived and is closed to further replies.

  • 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.