ec2018 Posted February 26, 2021 Share Posted February 26, 2021 Site URL: https://www.msomertherapy.com/ Hey, hoping someone can help with this! The space between the logo & button on the top of the page is large both for desktop, and then significantly large for mobile. And fixing this header font on mobile? Any css recommendations? Thanks in advance!! Beyondspace 1 Link to comment
Beyondspace Posted February 26, 2021 Share Posted February 26, 2021 I saw it display quite well here BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
creedon Posted February 26, 2021 Share Posted February 26, 2021 (edited) I can confirm there does seem to be spacing issues. I was about to supply a potential solution but @bangank36's post makes me hesitant. If different folks are seeing substantially different renderings then I think we should try to trace that down before providing solutions as what works for one may not work for all. I'm using Chrome on macOS. I used the mobile view feature in DevTools to view. bangank36 what about you? And ec2018 what browser/OS combo are you using? Edited February 26, 2021 by creedon Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Beyondspace Posted February 26, 2021 Share Posted February 26, 2021 It's Edge / Windows Just now, creedon said: I can confirm there does seem to be spacing issues. I was about to supply a potential solution but @bangank36's post makes me hesitant. If different folks are seeing substantially different renderings then I think we should try to trace that down before providing solutions as what works for one may not work for all. I'm using Chrome on macOs. I used the mobile view feature in DevTools to view. bangank36 what about you? And ec2018 what browser/OS combo are you using? Mine Edge/Windows. BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
ec2018 Posted February 26, 2021 Author Share Posted February 26, 2021 Just now, bangank36 said: It's Edge / Windows Mine Edge/Windows. I am on Chrome on macOs as well, I received some assistance so it does look better on the homepage but then is appearing off on all other mobile pages if you have any ideas on how to fix @bangank36 @creedon - thank you!! Link to comment
creedon Posted February 26, 2021 Share Posted February 26, 2021 I think I have found part of the problem. I suspect these markdown-block CSS rule-sets are in Settings > Advanced > Code Injection > HEADER. These should be appended to Design > Custom CSS. On Chrome/macOS this errant code is causing some extra weird space at the top of the page. After this is fixed I recommend pulling out any previous attempts at code to correct the problem because they are based on this weird circumstance and could now be causing their own set of problems. Now with a fresh start if there is too much space, let us know and we can take a crack at reducing space. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
creedon Posted February 26, 2021 Share Posted February 26, 2021 Interesting I could occasionally see this markdown CSS briefly flashing at the upper left corner of the viewport. Never a good sign. But because it was going by so fast I had a hard time identifying who the culprit was. So folks if you see strange text flashing across your screen when you first load your page you probably have some code in the wrong place. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. 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