Control Menu navbar obscures top of page content when jumping to an anchor on the same page

• Type: Regression Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.3.X
• Fix Version/s: 7.2.10 DXP FP12, 7.2.X, 7.3.X, 7.3.10 DXP FP1, 7.3.10.1 DXP SP1, 7.3.6 CE GA7
• Component/s: Control Menu
• Labels:
  • ee-ts
  • liferay-dxp-73-sp1
  • liferay-fixpack-dxp-1-7310
  • liferay-fixpack-dxp-12-7210
• Branch Version/s:
  7.3.x, 7.2.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Last Working Version:
  7.2.10 DXP FP8
• Git Pull Request: https://github.com/liferay/liferay-portal-ee/pull/22868

Issue:
Jumping to a particular point from an anchor tag leads to the Control Menu navbar covering the top portion of the linked content.

To Reproduce:

1. Create a content page called "Test".
2. Add HTML basic component to "Test" using content from the attached file ( test.html ).
3. Publish and navigate to the content page.
4. Click on one of the anchor links.

Actual:
Top portion of content (the section title) is covered by the Control Menu. See attached video ( bug-2020-12-02_17.32.38.mp4 ).

Expected:
Top portion of content (the section title) is visible and appears below Control Menu.

Reproduced On:

• 7.3.x (f22dbd1b20070d11)