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
In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024