How can I add a header menu to my desktop version?

ATGRFX
Shopify Partner
22 0 4

Hello, can someone give me the code to give my desktop version a header menu? Not able to in my theme customizer

https://sevenemotions.com/ Password: COZYY

Any help is appreciated!

Screenshot 2024-04-11 at 9.19.12 PM.png

Reply 1 (1)

Raj-WebDesigne
Shopify Partner
60 16 14

Add This css in your Base.css File

You Show your Header In Container Like this:--> screenshot

RajWebDesigne_0-1712912625043.png

Add This Css 

@media screen and (min-width:990px){
    nav.header__inline-menu ul.list-menu.list-menu--inline {
        display: flex !important;
    }
    .header__inline-menu {
        grid-column: 1 / 1 !important;
        grid-row: 1 / 1 !important; 
    }
}

 

And Your Header is Show in Full Width Like This:--> screenshot

RajWebDesigne_1-1712912789931.png

 

Add This Css 

@media screen and (min-width:990px){
    nav.header__inline-menu ul.list-menu.list-menu--inline {
        display: flex !important;
    }
    .header__inline-menu {
        grid-column: 1 / 1 !important;
        grid-row: 1 / 1 !important; 
    }
    header.header.header--top-center.header--mobile-center.page-width.header--has-menu {
         max-width: 100%;
         margin: 0 auto;
    }
}

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com