Anastasia & Celebration Hall - St. Augustine, FL

Menu - Headers need IDs so the menu will work

Assigned to
Sam Pohlman, Web Developer at Diocesan Sam P.
Notes
The different Headings/Sections on the page need IDs so that they can be linked to from the Menu.
  • Galleries
  • About Us
  • Vendors
  • FAQs
  • Location
  • Contact
Each of these sections needs an ID.

What you will need to do since there is a sticky header (photo below right shows why), is to add an anchor element before the heading or section: "<a class="dpi-anchor" id="section-name"></a> and define some CSS for the class ("dpi-anchor" in this case, choose whatever) that has the following attributes:

a .dpi-anchor{
display: block;
position: relative;
top:-120px;
visibility: hidden;
}

The id will have to change for each item.

The sticky Menu is what screws up the normal way of doing it and I showed what happens in the photo on the right, by adjusting the opacity. KB and I are working on a more long-term solution that we can add to the parent theme.

Let me know if you have any questions. It is hard to state without showing.

Comments & Events

Sam Pohlman, Web Developer at Diocesan
Sam Pohlman completed this to-do.
Cody Armock, Web Content Specialist at Diocesan
Sam Pohlman, Web Developer at Diocesan Sam  , What way did you end up going with?
Sam Pohlman, Web Developer at Diocesan
I added the a tag with the 120px offset. The tag uses its own class and ID that matches the menu.
Cody Armock, Web Content Specialist at Diocesan
Okay, sounds good.