EkoCrateJordan Posted July 6, 2021 Share Posted July 6, 2021 Site URL: http://ekocrate.com/home-2 Wondering where I am getting this extra white space... (see image) Trying to get our new homepage to not have tons of white space above the fold as the screen/browser width is reduced - the left column gains extra space below the video/image. Also, is there a way to reduce padding for text (vertically) on mobile only? The spacing is great on desktop.laptop and too large on mobile. Thanks! Link to comment
EkoCrateJordan Posted July 6, 2021 Author Share Posted July 6, 2021 Also looking for a solution... Love to have the above the fold section more responsive when shown on smaller browser windows - what's the most simple way to avoid this action... https://www.loom.com/share/efbb2d2962724ed3a2bac3482e88d096 Could have the button shift, could have the small headline shift, other options? Thanks! Link to comment
NickScola Posted July 6, 2021 Share Posted July 6, 2021 1 hour ago, EkoCrateJordan said: Site URL: http://ekocrate.com/home-2 Wondering where I am getting this extra white space... (see image) Trying to get our new homepage to not have tons of white space above the fold as the screen/browser width is reduced - the left column gains extra space below the video/image. Also, is there a way to reduce padding for text (vertically) on mobile only? The spacing is great on desktop.laptop and too large on mobile. Thanks! Headings have margins applied to them. I notice you're using a code block for this and applying inline-styles to your H2. So just add margin-top: 0px; https://www.nickscola.com - Squarespace developer since 2007 now a full service creative agency in Chicago that focuses on creating websites with a high standard for aesthetic excellence. Link to comment
tuanphan Posted July 14, 2021 Share Posted July 14, 2021 On 7/6/2021 at 7:27 PM, EkoCrateJordan said: Site URL: http://ekocrate.com/home-2 Wondering where I am getting this extra white space... (see image) Trying to get our new homepage to not have tons of white space above the fold as the screen/browser width is reduced - the left column gains extra space below the video/image. Also, is there a way to reduce padding for text (vertically) on mobile only? The spacing is great on desktop.laptop and too large on mobile. Thanks! Hi. Do you want to fix these? We will support. Site URL – https://www.ekocrate.com/ 1. (Mobile – Footer) Footer is not aligned. https://www.ekocrate.com/ 2. (Mobile – Office) Text is skewed to the right https://www.ekocrate.com/office 3. (Tablet – Homepage) The width of the text is a bit small. https://www.ekocrate.com/ 4. (Tablet – Menu) Increase space between lines? https://www.ekocrate.com/ 5. (Tablet – Rent moving boxes) Button overlaps button. https://www.ekocrate.com/rent-moving-boxes 6. (Tablet – Office) Email is cut into 2 lines. https://www.ekocrate.com/office 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment