Member Avatar for bkjfdghiuds

ive been changing around the height values for everything but nothing seems to push the navigation bar down next to the comments. when i have a slideshow, the slideshow ends up blocking the navigation bar.

here is an image of the problem.

here is the css on pastebin.

can anyone take a look at it? thank you!!

the only thing i figured out was

.single-projects #content {
    width: 980px;
}

//changes right/left of navigation bar

  • 4 Contributors
  • 3 Replies
  • 192 Views
  • 5 Days Discussion Span
  • Latest Post Latest Post by dany12

Dani AI

Generated

As noted, changing height values didn’t push the navigation down and a slideshow is ending up on top. Replies correctly asked for clearer evidence () and full code (), and ’s overlay question points to the right line of thinking: this is usually a stacking/positioning problem, not a simple height issue.

Diagnostic checklist (use the browser inspector): pick the visible overlaying element and check its computed position and z-index. Look for properties that create a new stacking context on any ancestor (for example transform, opacity < 1, filter, will-change, perspective). Temporarily toggle display: none on the slider element to confirm which element is covering the nav. Note whether the nav lives inside the same parent as the slider—DOM order and parent stacking contexts matter.

Common, non-invasive fixes that resolve this pattern:

/* give the navigation its own positioned context above overlays */
#site-nav, .main-nav {
  position: relative;
  z-index: 1000;
}
/* ensure floated elements are cleared so layout doesn't collapse under overlays */
.container:after {
  content: "";
  display: table;
  clear: both;
}

If a slider wrapper uses transform (or another stacking-context creator), the nav’s z-index may still be ineffective; in that case either remove the transform from the slider parent or place the nav outside that parent in the DOM. If a third‑party slider injects inline z-index values, override with a more specific selector or change the slider setting rather than continually inflating z-index numbers.

Quick reminders: avoid extremely large z-index as a band‑aid, prefer fixing stacking-context causes, and use the inspector to identify the exact offending rule before applying fixes.

Recommended Answers

All 3 Replies

Member Avatar for memomk

well am happy to tell you that the picture is not clear...at all

Member Avatar for JorgeM

so you are saying that another window is overlayed on top of your main page, blocking the navigation bar?

Member Avatar for dany12

Please provide full code for asistance or the code that efects the menu thank you

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.