sophieamusil Posted August 14 Share Posted August 14 (edited) https://conch-endive-c8y4.squarespace.com/ Password is zikos Team section in question is on the A propos page, at the very bottom. --- Hi! The "teams" section, even in insert mode, takes up the whole width of the page and it's especially jarring on mobile, for example how close to the edge the title "les professeurs" is. In the options I see that I can set vertical margins within it, but no horizontal ones. How can I add space on both sides? Thank you. I've attached a screenshot of the spacing I'm normally comfortable with (light green section) : I use two grid squares on both sides ; and a screenshot of the teams section in comparison. Interestingly, if I look at that page on computer, "les professeurs" is aligned with everything I've typed above, but not on mobile. Edited August 14 by sophieamusil Link to comment
Solution Lesum Posted August 15 Solution Share Posted August 15 @sophieamusil Hi! You can add this code in Website > Pages > Website Tools > Custom CSS to address the issue: @media screen and (max-width: 767px) { section[data-section-id="66439a15175a234a4a643bcc"] .user-items-list { padding-left: 4vw; padding-right: 4vw; } } If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
sophieamusil Posted August 22 Author Share Posted August 22 @Lesum that worked perfectly, thank you so much!! saved me quite a bit of a headache 🙂 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