nicoledelger Posted November 14, 2020 Share Posted November 14, 2020 Site URL: https://viola-turquoise-f66n.squarespace.com/ *the password to view is password* I need to manually add a little padding to the navigation menu on my site so that the site name is aligned all the way on the left, but I want to keep my site Margin at 0 because throughout the rest of the site I don't want any padding. Is there a bit of code that would allow me to do this? In the screen shot you can see how the name "Greg" is all the way to the left. Link to comment
creedon Posted November 14, 2020 Share Posted November 14, 2020 It appears you already solved this issue? Let us know if not. nicoledelger 1 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
tuanphan Posted November 14, 2020 Share Posted November 14, 2020 5 hours ago, creedon said: It appears you already solved this issue? Let us know if not. She sent me a message & I gave the code nicoledelger and creedon 2 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
nicoledelger Posted November 14, 2020 Author Share Posted November 14, 2020 I did, with code from @tuanphan(below) but now there's a margin on mobile is showing. header#header { padding-left: 2vw; padding-right: 2vw; } Can you hide the margin on mobile? Link to comment
tuanphan Posted November 14, 2020 Share Posted November 14, 2020 edit code to @media screen and (min-width:768px) { header#header { padding-left: 2vw; padding-right: 2vw; } } nicoledelger 1 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
nicoledelger Posted November 14, 2020 Author Share Posted November 14, 2020 (edited) That worked on the other pages, but not the one I screen shot. That one is currently a portfolio page I had turned into a 1-column page. So here's the code as I have it now: @media screen and (min-width:768px) { header#header { padding-left: 2.5vw; padding-right: 2.5vw; } } /* 100% (auto) */ /*5fad6b44253fde48501f2902*/ [class^="portfolio-grid-"] { grid-template-columns: auto; } Any insight on how to make the 1-column portfolio show up without a margin on mobile? Edited November 14, 2020 by nicoledelger Link to comment
tuanphan Posted November 14, 2020 Share Posted November 14, 2020 @media screen and (min-width:768px) { header#header { padding-left: 2vw; padding-right: 2vw; } } @media screen and (max-width:767px) { div#gridThumbs { padding-left: 0; padding-right: 0; } } 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
nicoledelger Posted November 14, 2020 Author Share Posted November 14, 2020 @tuanphan, you are my hero. 🙏 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