Offsetting the anchor, sticky element overlapping

  • Your plugin works great! My menu is sticky and love it. My only issue is that the top of each element I click to from the menu are hidden. I need to be able to see the entire element for each menu item. This is my first web site and I was given this css code but it doesn’t work (or I don’t know how to implement). I added it to the CSS Style but no luck. I played with different px but no luck. Can you please assist as I really would like to keep using your plugin.
    Cheers,
    Linda
    PS I only know how to copy css, limited knowledge.

    .offset:before {
    display: block;
    content: ” “;
    height: 150px; /* Give height of your fixed element */
    margin-top: -150px; /* Give negative margin of your fixed element */
    visibility: hidden;
    }

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi, thanks for trying my plugin.

    This is more of a design/UX issue than with my plugin. The plugin works good, and it links properly to the various sections on your page, but the titles of the sections are hidden because, obviously, the sticky header is overlapping it.

    The only solution I can give you at the moment is to add the following CSS to any of your site’s CSS files:

    .page-id-204023 h2 {
    padding-top: 140px;
}

    This will push the titles down a little bit (so the header doesn’t overlap them anymore), but the downside is that you’ll also end up with a lot of white space above the titles.

Viewing 1 replies (of 1 total)
  • The topic ‘Offsetting the anchor, sticky element overlapping’ is closed to new replies.