Hash Tag links get overlapped with fixed navbar

Topic: Hash Tag links get overlapped with fixed navbar

pshenoy free asked 5 years ago

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.

Add comment

Bartłomiej Malanowski staff answered 5 years ago

0 0 Best answer

Try the following code:

.section-heading::before {
  z-index: -1;
  display: block;
  visibility: hidden;
  content: "";
  height: 8rem;
  margin-top: -8rem;
}

Add comment

Bartłomiej Malanowski staff answered 5 years ago

0 0 Best answer

Please try to add your ID's to the sections instead of H1 tags

pshenoy free commented 5 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 commented 5 years ago

Can you update your site so we could see that?

pshenoy free commented 5 years ago

The site is updated. Please take a look

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Free
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: all
Browser: chrome, safari
OS: all
Provided sample code: No
Provided link: Yes

pshenoy

5Support score
1Questions 0Answers 0Snippets