gogreenmsu Posted November 3, 2020 Share Posted November 3, 2020 Site URL: http://www.takebackyourcareerpodcast.com Hello, The content on my opening section is center aligned. The problem is that on desktop it looks perfectly centered but on mobile text blocks and button are much lower of the viewing area. I believe these blocks are centered vertically but that the section's height falls below the screens viewing area making the text blocks and button look low on the main page on mobile. Is there a way to move the text blocks and button up on mobile only so that it "looks" centered vertically? Thank you! Site password: boots135 Link to comment
Beyondspace Posted November 3, 2020 Share Posted November 3, 2020 Problem is the padding top is saved for header, but you used a transparent one section[data-section-id="5f728df4a2487d69f23c6e91"] { padding: 0 !important; } 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
gogreenmsu Posted November 3, 2020 Author Share Posted November 3, 2020 15 hours ago, bangank36 said: Problem is the padding top is saved for header, but you used a transparent one section[data-section-id="5f728df4a2487d69f23c6e91"] { padding: 0 !important; } That looks much better, thank you! I think it will look perfect on mobile once I am able to prevent the text boxes from wrapping (as described in this other thread I started. Thank you again for your help! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.