[Startup Theme] For Mobile, how do I reduce the size of header and make it sticky?

Solved
Highlighted
Tourist
5 0 0

Any help would greatly be appreciated, thank you!

0 Likes
Highlighted

Hello @ShyGuy14907,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Expert
1381 112 211

Please Share a store url to better assist.

Highlighted
Tourist
5 0 0

@oscprofessional wrote:

Hello @ShyGuy14907,

Please share your site url so that I will give you exact solution


http://comfygogo.com

 

On Desktop, the stick header is just fine. But on mobile, it doesn't work. Any help would be appreciated thank you.

0 Likes
Highlighted

This is an accepted solution.

@ShyGuy14907,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

@media only screen and (max-width: 719px) {
#shopify-section-general-header .sticky-header.sticky-header-scrolled {
	position: fixed;top: 15px;
}
#shopify-section-general-header .branding {
	float: left;
}
#shopify-section-general-header .header-tools {
	float: right;
}
#shopify-section-general-header .logo {
	max-width: 100px;
	padding-bottom: 0;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
Tourist
5 0 0
Thank you so much!!!! Perfect
0 Likes
Highlighted
New Member
1 0 0

Hello!

This almost worked for me.

Now the logo is aligned left and the cart and menu buttons are aligned right but they are not fully on one line. 

See attached. How can I change it so they are perfectly aligned?

getlunas.com

Thanks!

0 Likes