put navigation menu location in headerbar MAKE

  • Resolved mccleery27

    (@mccleery27)


    10 years, 3 months ago

    Hi,

    My header is hidden and I wanted the nav menu in the header bar. I used css to accomplish this. Viewing in Chrome in high resolution looks great. In lower resolution, IE, and Firefox it’s out of position. Here is my site: https://www.braincandy.io

    I initially looked at the “header.php” to see if this could be accomplished. Then I tried editing the “header-layout.php” with no success.

    @media screen and (min-width: 935px) {
	.site-navigation .menu {
		position: absolute;
		top: 40px;
		top: 4.05rem;

	}
}

    The problem, I think, is the “top:40px” is not being recognized for some reason.

    I’ve spent a lot of time trying to figure this out. Any feedback would be greatly appreciated.

    Thanks for taking the time to help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter mccleery27

    (@mccleery27)

    I think I figured this out. Please correct me if I have poor code. I’m a hack. https://www.braincandy.io Test and see what you get. Thanks!

    @media screen and (min-width: 935px) {
	.parent-.site-navigation .menu {
  	-webkit-transform-style: preserve-3d;
  	-moz-transform-style: preserve-3d;
  	transform-style: preserve-3d;
	}

	ul#menu-top-nav {
		position: relative;
		float: left;
		transform: translateY(-150%); /*affects nav menu position in explorer*/
	}
	.site-header-main {
		height: 1rem;
		height: 14px;
	}
}

    Hi there!

    Just to let you know, as of Make 1.2.0, a menu in the header bar is officially supported!

    Thread Starter mccleery27

    (@mccleery27)

    Thanks for letting me know. I tried putting the nav menu in the header bar using your customization settings. It doesn’t produce a drop down effect like the regular navigation menu does.

    Hi there!

    You are correct. At this time, it only supports a single level of navigation. We are working on supporting multiples levels for a future release. You may want to continue using your solution for now if you need multiple levels.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘put navigation menu location in headerbar MAKE’ is closed to new replies.