Cannot change the main-menu in brooklyn to the top of the page and not modal

Hello,

I cannot place the main-menu at the top of the page. I changed the location to page and not modal. And I would need it to be sticky please.

https://evergreen-harvests-decor.myshopify.com/

Hello @evergreenharv ,

.header-wrapper.header-wrapper--transparent {
    position: fixed;
    background: #00000026;
    opacity: 0.9;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

NOW IT’S BROKE!!

I did what you said! When I removed the code and changed the scss
To css as well.

Hello, there was an alert to change the scss
to css which made it brake. I changed it back.
But there is still no menu at the top, just a transparent background which I like.
But the modal menu is still at the left.
Also, when I scroll down the logo is stuck too and lowering through the pages as I scroll down.
Please help

Hi @evergreenharv ,

I think in theme setting you have the background Transparent and too make the menu to view on click to hamburger button do try to change from the theme constimizer theme setting or header setting

if you did not get we can talk in pre=ivate chat i will provide you the solution how to do in free of cost…

Sorry, I don’t understand what you are saying.

Hi @evergreenharv ,

You can show your logo at top in header section with background so that I will be visible after scrolling!