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!
Topic summary
A user seeks CSS code to add a header menu to their desktop site, as their theme customizer doesn’t provide this option. They include a screenshot and password for their store (sevenemotions.com).
Solution Provided:
Another user shares two CSS code snippets to add to the base.css file:
- Container display: Makes the header menu visible in a container format using flexbox and grid positioning
- Full-width display: Extends the header across the full page width with centered alignment and auto margins
Both solutions use media queries targeting screens 990px and wider (desktop only). The helper includes before/after screenshots demonstrating the visual changes. The discussion appears resolved with a working technical solution.
Add This css in your Base.css File
You Show your Header In Container Like this:–> screenshot
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
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;
}
}