Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


lotusinhand

Question

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 post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Home > Design > Custom CSS a.Mobile-bar-branding { margin-top: 20px; }  

Posted Images

4 answers to this question

Recommended Posts

Create an account or sign in to comment

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


×
×
  • Create New...