Celeste_Woodside Posted June 23, 2022 Share Posted June 23, 2022 Site URL: https://www.empoweringher.org/for-the-girls Hi! Can anyone help fix the problem where the back button is cut off by a white bar on the mobile view (see screenshot).https://www.empoweringher.org/for-the-girls Thank you!! Celeste Link to comment
tuanphan Posted June 24, 2022 Share Posted June 24, 2022 Try adding to Design > Custom CSS .Mobile-overlay-folder.is-active-folder { padding-top: 60px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Celeste_Woodside Posted June 27, 2022 Author Share Posted June 27, 2022 On 6/24/2022 at 12:13 PM, tuanphan said: Try adding to Design > Custom CSS .Mobile-overlay-folder.is-active-folder { padding-top: 60px; } Thank you! So I tried that and it just made the white bar 60px (but still overlapped the 'back'). See pic... Link to comment
Celeste_Woodside Posted June 29, 2022 Author Share Posted June 29, 2022 @tuanphan - any ideas? Link to comment
MaryPhilip_ Posted June 29, 2022 Share Posted June 29, 2022 Looks like you solved it? Hi 👋 I'm a Squarespace Expert Member, Circle Member & only Squarespace Authorised Trainer in Scotland. Check out my portfolio at Mary Philip. Hit the little 👍 if I've helped. Link to comment
Celeste_Woodside Posted June 29, 2022 Author Share Posted June 29, 2022 3 hours ago, MaryPhilip_ said: Looks like you solved it? Not yet (see screenshot I just took from my phone...) Link to comment
creedon Posted June 29, 2022 Share Posted June 29, 2022 6 hours ago, MaryPhilip_ said: Looks like you solved it? 2 hours ago, Celeste_Woodside said: Not yet (see screenshot I just took from my phone...) This appears to be one of those issues where a mobile emulator doesn't show the issue but real hardware does. I do not have a solution at this time. 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
MaryPhilip_ Posted June 30, 2022 Share Posted June 30, 2022 11 hours ago, creedon said: This appears to be one of those issues where a mobile emulator doesn't show the issue but real hardware does. I do not have a solution at this time. It’s such a pickle when that happens. @Celeste_Woodside - out of interest, what phone and browser are you using? creedon 1 Hi 👋 I'm a Squarespace Expert Member, Circle Member & only Squarespace Authorised Trainer in Scotland. Check out my portfolio at Mary Philip. Hit the little 👍 if I've helped. Link to comment
tuanphan Posted June 30, 2022 Share Posted June 30, 2022 I used to see this on a site of my friend. Don't remember How I solved this. Try change padding-top to margin-top Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Celeste_Woodside Posted June 30, 2022 Author Share Posted June 30, 2022 7 hours ago, MaryPhilip_ said: It’s such a pickle when that happens. @Celeste_Woodside - out of interest, what phone and browser are you using? iPhone / chrome Link to comment
Celeste_Woodside Posted June 30, 2022 Author Share Posted June 30, 2022 Changing padding to margin had the same effect (increased the white space that covers the back button). No idea how to fix!! Grrr.... Link to comment
tuanphan Posted July 1, 2022 Share Posted July 1, 2022 Try this new code button.Mobile-overlay-folder-item.Mobile-overlay-folder-item--toggle { margin-top: 40px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Celeste_Woodside Posted July 1, 2022 Author Share Posted July 1, 2022 4 hours ago, tuanphan said: Try this new code button.Mobile-overlay-folder-item.Mobile-overlay-folder-item--toggle { margin-top: 40px; } @tuanphan - Still no.... Link to comment
tuanphan Posted July 2, 2022 Share Posted July 2, 2022 If only someone had the Browserstack tool, it would be easier to deal with this problem. I used it to inspect code and help a friend. Try this new code .Mobile-overlay-folder { margin-top: 80px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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