Make Menu Sticky

  • I am really new to the Hueman theme but I think it is working great for my website! I am wondering if it is possible to make the menu sticky? Right now my menu is at the Topbar but I would like it to be a sticky bar, meaning it would stay visible at the top even if the user is scrolling down the page.

    Is this possible with this theme? BTW, I don’t know too much coding…

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

  • The topbar menu is stickied for all resolutions above 1024px. This is because sometimes some tablets, which have that resolution, may treat sticky menus in a weird way.

    In style.css you will find:

    @media only screen and (min-width: 1025px) {
	/* fixed nav */
	.full-width.topbar-enabled #header { padding-top: 50px; }
	.full-width #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
	.full-width.admin-bar #nav-topbar.nav-container { top: 28px; }
}

    This is the sticky css. To make the bar sticky down to 720px, change this:

    @media only screen and (min-width: 1025px) {

    To:

    @media only screen and (min-width: 720px) {

    Thread Starter TheTrekPlanner

    (@thetrekplanner)

    That makes sense why my brother was looking at my website and it was sticky (he has a bigger screen resolution).

    Thank you for your help. I tried changing the css to:

    @media only screen and (min-width: 720px) {

    but it still didn’t make the topbar sticky. Is there another setting I should change in Theme Options?

    Save as OP, I have changed the css as suggested but my topbar still isn’t sticky.

    Well i think u could download a plugin called sticky headear if this doesn’t work.I will try dat of the stylesheet.css later on. but for now i use sticky header

    Thanks I have just tried that plugin but it didn’t seem compatible with the sub-categories in my header.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Make Menu Sticky’ is closed to new replies.

Tags