Moving menu – section-inner overlap problems

  • Resolved SkinnerCS

    (@skinnercs)


    9 years, 9 months ago

    Site is http://xplorermidstream.gokrush.com/

    I moved the menu up on the page using negative padding, but now section-inner overlays the menu, blocking the page links. Tried reducing the width of section-inner, but that throws the whole page out of whack.

    Hid section-inner using z-index and added the logo into a div in the header, but that moved the menu down and enlarged the entire header image.

    When I get it sorted, I’ll use media query to hide the logo before the li elements overlap it.

    Is there a better way to move the menu up over the header image? If not, how can I get rid of the overlap? Thanks!

Viewing 1 replies (of 1 total)
  • Theme Author Anders Norén

    (@anlino)

    9 years, 9 months ago

    Hi SkinnerCS,

    Provided I understood you correctly, the easiest way would probably be to do the following to the .navigation section:

    .navigation {
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -33px;
}

    This would center the navigation vertically above the header image. You would then have to increase the z-index of the logo to put it above the navigation. Give it a try, let me know if it works out.

    – Anders

Viewing 1 replies (of 1 total)
  • The topic ‘Moving menu – section-inner overlap problems’ is closed to new replies.