How to make STICKY main nav menu

  • Resolved shiumai

    (@audreyshiu)


    8 years, 9 months ago

    Hi there,

    I’m trying to get my main menu to stick to the top of the webpage while scrolling.

    How can I edit the CSS code to get it to stick? My website is www.shiumaieats.com

    Thank you in advance!

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

  • Here’s the code:

    .header-fill {
	position: fixed;
	z-index: 10;
	left: 0;
	right: 0;
}

    Put it in the style.css of your child theme. If you don’t have a child theme, use a plugin that will allow you to add CSS codes to your website.

    This might be useful.

    Thread Starter shiumai

    (@audreyshiu)

    Hi Bryan,

    Thanks a lot – that fixed it!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to make STICKY main nav menu’ is closed to new replies.