Shopify themes, liquid, logos, and UX
I am using streamline theme I was wondering does anyone know how to remove the menu bar that’s sticky on mobile instead add a hamburger for the menu options, on featured collections add a add to cart button under the products and make the price bigger.
Here is a link to my site Movatte.com
Solved! Go to the solution
This is an accepted solution.
Hello @56brands
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.css and paste this at the bottom of the file:
@media screen and (max-width: 767px) {
.header-item {
display: block !important;
}
button.btn.site-nav__thumb-button.js-toggle-slide-nav {
display: none !important;
}
}
Hey @56brands
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (max-width: 767px) {
.header-item {
display: block !important;
}
button.btn.site-nav__thumb-button.js-toggle-slide-nav {
display: none !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hello @56brands
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.css and paste this at the bottom of the file:
@media screen and (max-width: 767px) {
.header-item {
display: block !important;
}
button.btn.site-nav__thumb-button.js-toggle-slide-nav {
display: none !important;
}
}
How can I make the header menu bar sticky and move the hamburger to the other side
check it out movatte.com on mobile your solution worked
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025