How can I fix the drop down menu issue in the Origin theme?

Shopify Discussion
1

Hello,

I want to add a drop down menu to the header of my Shopify store.

I have down this by going into Online Store>Theme>Customise>Header and then adding the drop down menu (I have done the links to this in Navigation already).

In the editor, it appears as desired - collapsed in the top left corner, however when I save and view my store, it changes to appearing expanded horizontally underneath the logo in the centre of the page. I am using the Origin theme. Any tips on how to fix this?

Thanks

2

Hi,

Can you share your store url

3

I was able to make the navigation appear collapse (burger menu) instead of a horizontal bar on desktop using the following code.

Onlines store>Theme>Edit code>Assets> base.css

@media screen and (min-width: 990px){

.header–top-center>.header__search, .header:not(.header–top-center) *>.header__search {display: none !important;}

.header:not(.header–middle-left) .header__inline-menu { display: none !important;}

.header–top-center *>.header__search, .header:not(.header–top-center)>.header__search { display: inline-flex !important;}

header-drawer {display: block !important;}

}

4

Found the solution here https://community.shopify.com/c/shopify-design/dawn-burger-menu-on-desktop/m-p/1369762