Topic: Hash Tag links get overlapped with fixed navbar
Hello, I have run into a problem with portfolio template, where the hash tag links within the page get overlapped by the fixed navbar. This worked fine initially but since then i have made many changes to the code and don't know what broke this.
The site can be accessed at https://eventsbyshubham.herokuapp.com/
When you click any of the dropdown items from Gallery menu, the heading gets overlapped by the navbar.
Need help in fixing this issue.
Please try to add your ID's to the sections instead of H1 tags
pshenoy commented 6 years ago
Thanks for your response. I have tried adding the ids to the section instead of the h1 tag and that does not fix the problem.
Bartłomiej Malanowski staff pro premium commented 6 years ago
Can you update your site so we could see that?
pshenoy commented 6 years ago
The site is updated. Please take a look
Try the following code:
.section-heading::before {
z-index: -1;
display: block;
visibility: hidden;
content: "";
height: 8rem;
margin-top: -8rem;
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: all
- Browser: chrome, safari
- OS: all
- Provided sample code: No
- Provided link: Yes