lotusinhand Posted June 27, 2020 Share Posted June 27, 2020 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
rwp Posted June 27, 2020 Share Posted June 27, 2020 It looks good on my end. Can you post a screen shot? Link to comment
lotusinhand Posted June 28, 2020 Author Share Posted June 28, 2020 Hi rwp, Here is a screenshot of what I see. I want the logo to be further down and for there to be some blank space above it. Thanks for replying! Link to comment
tuanphan Posted June 28, 2020 Share Posted June 28, 2020 Add to Home > Design > Custom CSS a.Mobile-bar-branding { margin-top: 20px; } 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
lotusinhand Posted June 28, 2020 Author Share Posted June 28, 2020 8 hours ago, tuanphan said: Add to Home > Design > Custom CSS a.Mobile-bar-branding { margin-top: 20px; } Worked like a charm. Thank you so much! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.