EduardoPowerBrands Posted January 28, 2021 Share Posted January 28, 2021 Site URL: https://pickmeup2.squarespace.com/ Hello! I'm looking to move the position of the id navigation buttons down because they are being covered by my fixed announcement bar and navigation. Currently if you click on any of the navigation items they get covered. I'm looking to align each one right below the navigation as intended. Does anyone have a solution to fixing this? PASS WORD TO SITE : pickmeup Link to comment
tuanphan Posted February 3, 2021 Share Posted February 3, 2021 It looks fine here. Did you solve it? 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
JennieFage Posted February 4, 2021 Share Posted February 4, 2021 @tuanphan could you help me with my problem please as it is similar to this. When I add the announcement bar it is fine on desktop but for mobile it pushes the navigation down and covers my content in the first section https://sprout-guava-7b2t.squarespace.com Thanks, Jennie Link to comment
tuanphan Posted February 5, 2021 Share Posted February 5, 2021 On 2/4/2021 at 8:07 AM, JennieFage said: @tuanphan could you help me with my problem please as it is similar to this. When I add the announcement bar it is fine on desktop but for mobile it pushes the navigation down and covers my content in the first section https://sprout-guava-7b2t.squarespace.com Thanks, Jennie Looks fine here. Can you explain clearly? 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
EduardoPowerBrands Posted February 15, 2021 Author Share Posted February 15, 2021 On 2/2/2021 at 10:22 PM, tuanphan said: It looks fine here. Did you solve it? Hi Tuanphan, Previously I was targeting the section and not the title section. Now that I am targeting the title section it's better but its still hiding below the sticky navigation. I'd like to the section title to land below the gold stroke and not hide below the navigation. Is there a way to offset the anchor below the gold stroke? It looks like the the anchor links are snapping to the top edge of the browser. Link to comment
EduardoPowerBrands Posted February 15, 2021 Author Share Posted February 15, 2021 Essentially this is what I'm trying to do. But when I try to add . scroll-margin-top: 1em; to a section it doesn't behave like the example. https://codepen.io/cferdinandi/pen/GRJvozN Link to comment
tuanphan Posted February 18, 2021 Share Posted February 18, 2021 On 2/16/2021 at 5:47 AM, EduardoPowerBrands said: Hi Tuanphan, Previously I was targeting the section and not the title section. Now that I am targeting the title section it's better but its still hiding below the sticky navigation. I'd like to the section title to land below the gold stroke and not hide below the navigation. Is there a way to offset the anchor below the gold stroke? It looks like the the anchor links are snapping to the top edge of the browser. Where is section title? Can you take a screenshot? https://pickmeup2.squarespace.com/shop 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
EduardoPowerBrands Posted February 19, 2021 Author Share Posted February 19, 2021 11 hours ago, tuanphan said: Where is section title? Can you take a screenshot? https://pickmeup2.squarespace.com/shop Screenshot attached of what it currently is doing vs the goal of the position I'm looking to make. Link to comment
feedmomandme Posted April 7, 2021 Share Posted April 7, 2021 Hey, I'm having the same issue! Were you able to resolve it? When I click on one of my anchor links, it brings the section all the way to the top, below the fixed navigation bar. Thanks https://www.feedmomandme.com/blog/9-foods-amp-nutrients-to-boost-your-babys-brain-development-during-pregnancy#Take your daily Prenatal Vitamin Link to comment
tuanphan Posted April 12, 2021 Share Posted April 12, 2021 On 4/8/2021 at 3:46 AM, feedmomandme said: Hey, I'm having the same issue! Were you able to resolve it? When I click on one of my anchor links, it brings the section all the way to the top, below the fixed navigation bar. Thanks https://www.feedmomandme.com/blog/9-foods-amp-nutrients-to-boost-your-babys-brain-development-during-pregnancy#Take your daily Prenatal Vitamin Hi. Looks fine here. Do you still need help? 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
creedon Posted April 12, 2021 Share Posted April 12, 2021 @feedmomandme I can see the problem. I noticed that the ids you are using contain spaces. Spaces are not one of the valid characters you can use. I suggest id attribute values in the form of take-your-daily-prenatal vitamin. Once those ids are fixed something like the following might do the trick. #take-your-daily-prenatal-vitamin { margin-top : -260px; padding-top : 260px; pointer-events : none; } Please see Create quick jumps or anchor links in Squarespace. 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