WordPress.org

Forums

Hueman
Make Menu Sticky (6 posts)

  1. TheTrekPlanner
    Member
    Posted 1 year ago #

    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...

  2. Alexander Agnarson
    Member
    Theme Author

    Posted 1 year ago #

    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) {
  3. TheTrekPlanner
    Member
    Posted 1 year ago #

    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?

  4. Craftulate
    Member
    Posted 1 year ago #

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

  5. Moflistic
    Member
    Posted 1 year ago #

    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

  6. Craftulate
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags