Streamline theme remove the sticky menu bar on mobile and adding m hamburger menu

Solved

Streamline theme remove the sticky menu bar on mobile and adding m hamburger menu

56brands
Tourist
5 0 2

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

Accepted Solution (1)

ZestardTech
Shopify Partner
5835 1058 1397

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;
}
}

ZestardTech_2-1729500669134.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
6006 1628 1942

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:

Moeed_0-1729499548935.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


ZestardTech
Shopify Partner
5835 1058 1397

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;
}
}

ZestardTech_2-1729500669134.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
56brands
Tourist
5 0 2

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