abc Posted December 16, 2021 Share Posted December 16, 2021 (edited) Site URL: https://steven.squarespace.com Menu items get cut off when scrolling inside nav on desktop. Is there a way to make them NOT get cut off? Screen Recording 2021-12-19 at 11.07.03.mov Edited December 23, 2021 by sqsp Link to comment
tuanphan Posted December 19, 2021 Share Posted December 19, 2021 It looks like you figured it out? 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
abc Posted December 19, 2021 Author Share Posted December 19, 2021 8 hours ago, tuanphan said: It looks like you figured it out? No. Please see my original post. I've updated it to show the issue more clearly. Link to comment
tuanphan Posted December 22, 2021 Share Posted December 22, 2021 Can you use Youtube or Loom video? I downloaded above file & can't open the file 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
creedon Posted December 22, 2021 Share Posted December 22, 2021 @tuanphan @sqsp 1180006528_ScreenRecording2021-12-19at11_07_03.mp4 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
Solution iamdavehart Posted December 22, 2021 Solution Share Posted December 22, 2021 I think if I understand you correctly the issue here is that the menu section begins below the "x" to shut it, so what we need to do is move the padding from outer container to the inner scrollable one and you should get the result you want. add this to your custom css and you should be alright .header-menu.header-menu--folder-list { padding-top: 0 !important; } .header-menu-nav-folder-content { padding-top: 167px !important; } abc 1 Dave Hart. Software/Technology Consultant living in London. buymeacoffee Link to comment
abc Posted December 23, 2021 Author Share Posted December 23, 2021 23 hours ago, iamdavehart said: I think if I understand you correctly the issue here is that the menu section begins below the "x" to shut it, so what we need to do is move the padding from outer container to the inner scrollable one and you should get the result you want. add this to your custom css and you should be alright .header-menu.header-menu--folder-list { padding-top: 0 !important; } .header-menu-nav-folder-content { padding-top: 167px !important; } 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