Navigation container

I have a list of links that use an html anchor to get to them. However, when I click the link in the list the black container with the logo and navigation cover the area where the anchor goes to. Is there a way using css to correct this? I know I can remove the background by unchecking “sticky” but I like the contrast and nav
http://p7g.e42.myftpupload.com/resource-links/

thank you
Robert

Hello Robert,

Thank you for reaching out to us here. But, sorry, I couldn’t test anything on your site’s main menu. Because I didn’t see any one page anchor link in there. What does it reads? Am I missing anything?

Regards,
Kharis

Hi Kharis,

If you click any link within the list within the body of the page on the url I sent, you’ll find that it resolves hiding the category heading which is covering it. See attached examples:

Hello there,

Thank you for sharing some extra details. Try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
(function($){

  'use strict'

  if( $('.entry-content #linktable').length ) {
    $('.entry-content #linktable a[href*="#"]').each(function() {
      var IDs = $(this).attr('href');
      $(IDs).css({
        'padding-top': '60px'
      });
    });
  }

})(jQuery);
  1. Update

Regards,
Kharis

thanks Kharis

that did the trick!
best
Robert

You’re welcome Robert!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis