-
Greetings.
When user presses the “FREE Estimate”, it scrolls down to the form on the page as intended.
However, there is a lot vertical spacing above and below the blue text where it says “Website Design and …”.
Please help fix the spacing so it scrolls exactly to the text “Get An Estimate”.
Thank you.
-
Hi there,
Can you add the ID to the Get an Estimate headline instead?
Then add this CSS:
h2#estimate { scroll-margin-top: 130px; } -
Buttons now work great.
However, there is still excessive vertical spacing above text “Get An Estimate”.
-
This is what i see when click the free estimate button:
https://app.screencast.com/KDRjQuvQO13ITDoesn’t seem to have excessive vertical spacing above the text.
-
The buttons pointing to anchor work just fine.
Once you click FREE Estimate button and reach the anchor, you will need to scroll up slightly above the text “Get An Estimate” to see the vertical gap/spacing.
-
Hi there,
You can reduce the bottom padding of the Website Design and SEO section container and also reduce the bottom margin of its inner container to minimize the spacing.
-
Hello again.
I did remove them or made them 0, however, something is still causing the excessive spacing on mobile.
Thank you for your patience.
-
1. the parent container of “Website Design and SEO” has
margin-bottomset to 4rem on tablet:
https://app.screencast.com/WsnO7mFdfuO7s2. the grandparent container of “Website Design and SEO” has
padding-bottomset to 4rem on mobile:
https://app.screencast.com/CiCsaNJES0eSm3. the root container of the Get an estimate section has
padding-topset to 4rem on mobile:
https://app.screencast.com/HFuNRure7tYqe -
Many thanks for pointing out all the places where fix was needed.
-
You are welcome 🙂
- You must be logged in to reply to this topic.