Jump to content

How to add padding on top of logo in Polaris in mobile

Recommended Posts

Site URL: http://lotusinhand.com

Hi guys,

Am trying to add some white space on top of my logo in mobile mode. Right now my logo is stuck on the top of the page and I would like it to be a bit further down like it is in desktop mode. The template I am using is Polaris.

I tried adding customs CSS like the following:

@media screen and (max-width: 768px) {
  #page {
    padding-top: 100px;
  }
}
@media screen and (max-width: 600px) {
  #page {
    margin-top: 100px;
  }
}

But so far none of these have worked. Do you guys know what CSS code I can use to accomplish this?

Thanks!

Link to comment
  • Replies 4
  • Views 743
  • Created
  • Last Reply

Archived

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.