How can I make the menu header sticky in a debutify theme?

Store Design
1

Hi there,

I am using the debutify theme and one of the add-ons is a Menu, however this menu isn’t sticky as I scroll down the page.
I am wondering if there is any code I can edit to make this header sticky as the customer scrolls down the page?

My website url is www.masksnz.co.nz

Any help is really appreciated.

Thanks a lot

Kind regards,
Matthew Munro

1 Like
2

@matthewmunronz

sorry for are you facing that issue but i have check now working fine

3

Hi Ketan,

Thank you for your message. On my end it is not working, as I scroll down the menu disappears.

I’m wanting the highlighted menu to be sticky as I scroll down the page

matthewmunronz_0-1648802909485.png
matthewmunronz_0-1648802909485.png1970×201 25.2 KB

Kind regards,
Matthew

1 Like
4

@matthewmunronz

oh sorry can you please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.sticky-header .dbtfy-menu_bar 
   {
    position: -webkit-sticky;
    position: sticky;
    top: 99px;
    transform: translate(0);
   }
1 Like
5

Thanks so much! Works perfect

1 Like
6

@matthewmunronz

its my pleasure to help us