Shopify themes, liquid, logos, and UX
Hello, we are using the District theme and would like the very top header with the search box and cart icon to be removed from the desktop version of the site, however we would still like the mobile version of the header as it provides useful navigation.
I was able to remove the header entirely by adding style="display: none;" to snippets/header-util.liquid. Now the header is gone on both desktop and mobile.
But we would still like the mobile version of the header as it has the navigation menu in it. Can anyone provide a way of accomplishing this?
Solved! Go to the solution
This is an accepted solution.
@wucnuc
Paste this code on top of the theme.scss file.
@media only screen and (min-width: 992px) {
header.util {
display: none !important;
}
}
Hello there,
I am Viktor_17 I understand your difficulty very well and I can help provide a solution to the challenges you're facing. And also I will share you some marketing strategies and tips on how to improve massive sales on your store
Please share your store URL.
Please share correct URL
Thanks!
Oops, voloseyewear.com
hii, @wucnuc
Paste this code on top of the theme.css file.
@media only screen and (min-width: 992px) {
header.site-header.full-width {
display: none !important;
}
}
Thank You.
add the following code at the bottom of your assets/theme.scss.liquid
@media only screen and (min-width: 992px) {
header.site-header.full-width {
display: none !important;
}
}
@dmwwebartisan Unfortunately that got rid of the logo and headers "HOME COLLECTION CUSTOM ABOUT CONTACT". I actually want to get rid of the header at the very top with "Search" and "Contact Us". But only on desktop, not on mobile. Thanks for your help!
This is an accepted solution.
@wucnuc
Paste this code on top of the theme.scss file.
@media only screen and (min-width: 992px) {
header.util {
display: none !important;
}
}
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024