Kotryna Posted June 13, 2020 Share Posted June 13, 2020 Hello, I am creating a website and I would like my logo to be on top of the banner image on the mobile version as well. I tried to use the codes of this website https://www.mcdigitaldesign.com.au/news/squarespace-brine-mobile-header/ but there is still some padding on top (please see the image attached). Is there any other way to do this? I've attached the desktop version too, I would like to achieve the same effect. Thank you in advance Link to comment
tuanphan Posted June 13, 2020 Share Posted June 13, 2020 Can you share link to your site? We can check easier. 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
Kotryna Posted June 14, 2020 Author Share Posted June 14, 2020 (edited) 8 hours ago, tuanphan said: Can you share link to your site? We can check easier. there is no padding anymore on preview, but it's still there if I check it on my phone. it's lotushome.eu and the password is lotushome123 Edited June 14, 2020 by Kotryna Link to comment
Kotryna Posted June 14, 2020 Author Share Posted June 14, 2020 when I change the logo position to bottom-center the padding disappears, but so does the logo Link to comment
tuanphan Posted June 14, 2020 Share Posted June 14, 2020 Add to Home > Design > Custom CSS a.Header-branding { padding-top: 0 !important; } and find this code, edit 14 to another number #collection-5ee4cc51389cec341add8abe .Mobile-bar-branding-logo { content: url(//static1.squarespace.com/static/5ee49d2…/t/5ee52dd…/1592077791818/Lotus+home+-+logo.png) !important; max-height: 40px; min-height: 40px; margin-top: 14vh; width: auto !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
Kotryna Posted June 14, 2020 Author Share Posted June 14, 2020 1 hour ago, tuanphan said: Add to Home > Design > Custom CSS a.Header-branding { padding-top: 0 !important; } and find this code, edit 14 to another number #collection-5ee4cc51389cec341add8abe .Mobile-bar-branding-logo { content: url(//static1.squarespace.com/static/5ee49d2…/t/5ee52dd…/1592077791818/Lotus+home+-+logo.png) !important; max-height: 40px; min-height: 40px; margin-top: 14vh; width: auto !important; } thank you for your quick reply. I did what you said, Now it looks like this, the logo is higher and the padding stayed. Is there any other way to add a logo over banner on mobile? thank you in advance Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment