Nav bar hides content

  • Hello,

    I created two anchored drop down menus on my site. The only problem I have with the menu is when you click on the anchored titles, they are slightly covered by the navigation bar. Not sure what code I need to input to prevent this.

    Here is a link to my site so you can see what I mean: https://fleshandbrand.com

    The anchored drop down menus are on the “Home” page and the “What are you looking for” pages.

    Thanks in advance for your help!

Viewing 6 replies - 1 through 6 (of 6 total)

  • they are slightly covered by the navigation bar.

    Do you mean the admin bar?

    I am not seeing any issues in modern browsers with your menu on any pages (but am also not logged in).

    Note: You can hide the admin bar from certain users or all users.

    Thread Starter aeryn7

    (@aeryn7)

    Hello,

    No, I don’t mean the admin bar; I’m speaking of the nav bar. Please refer to this link as an example: https://fleshandbrand.com/#Whyshouldyoucare

    Notice how the subtitle, “So, Why Should You Care…or Even Believe Me?” is partially obscured by the nav bar, forcing the viewer to scroll up to view the subtitle.

    Phil

    (@websterwebguru)

    Hi,

    The <a> tag link location is the issue here. Here is a solution for you https://css-tricks.com/hash-tag-links-padding/

    Thread Starter aeryn7

    (@aeryn7)

    Hi Phil,

    Thanks for that resource, however, I created the anchor drop downs in WP menus section, not in HTML. I found a similar resource that applies – https://fellowtuts.com/html-css/offsetting-anchor-hash-tag-links-to-adjust-for-fixed-header

    I add this to my Css and tried adjusting the header dimensions, but I’m having no luck so far. Any suggestions?

    Phil

    (@websterwebguru)

    If you use developer tools in your browser you can inspect your html being generated by WordPress. You will see<a id="id-name"></a> This is what I am referring to. You need to make sure you are using the correct CSS selector to refer to these. Did you use a plugin to generate the tags? Maybe you can add a class to the tags for easier referencing via CSS.

    Hope this helps

    Thread Starter aeryn7

    (@aeryn7)

    Thanks Phil and Pioneer Valley Web Design for all of your help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Nav bar hides content’ is closed to new replies.