fixed menu bar in desctop and mobile

  • Resolved Dmytro

    (@mfacom)


    10 years, 5 months ago

    Thanks you for this very nice theme. However, I would like to have a fixed menu bar (doesn’t move when scroll down). I figured out how to do it using position:fixed, but it works correctly only for the desktop view. On mobile devises, the menu looks broken. I wonder whether it is possible to make it working correctly in mobile view? How difficult is to to do for a newbie?
    I know that this request goes beyond your support, but I and I believe many other users would appreciate if you help with a code to do this modification of your theme.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Christine Rondeau

    (@crondeau)

    The mobile menu uses different CSS. On mobile view the class changes, so I assume you would simply need to adjust the code for the mobile view and set it to fixed, but I’m not sure.

    Can you share a link to your site, so that I can have a look?

    Thread Starter Dmytro

    (@mfacom)

    Christine, thank you for your help. Here is my website

    Theme Author Christine Rondeau

    (@crondeau)

    Hi @mfacom,

    Try adding this to your child theme:

    @media screen and (max-width: 790px) {
	#site-aside {
		position: relative
	}
}

    That will remove the position fixed on the phone.

    Thread Starter Dmytro

    (@mfacom)

    Hi Christine,
    Thank you for the help. It works!

    Here is the code of my child theme if somebody is interested in making a fixed menu and widget sidebar.

    /***************sidebar fixed************************/
#site-aside {
    position: fixed
    }

#secondary {
    position: fixed;
    margin-top: 180px
    }

@media screen and (max-width: 790px) {
#site-aside {
    position: relative
    }
#secondary {
    position: relative;
    margin-top: 10px
    }
}

    Theme Author Christine Rondeau

    (@crondeau)

    Awesome.
    Glad to hear that it worked and thank you so much for sharing your code.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘fixed menu bar in desctop and mobile’ is closed to new replies.