Increase size of the header for mobile

Solved
codyrouruke
New Member
2 0 1

I would like to make the banner bigger on mobile, but can't seem to be able to locate the code needed in the CSS.  Any help would be greatly appreciated.

 

https://slipper-headz.myshopify.com/

Pallavi
Shopify Expert
2240 370 486

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >main.scss.css and paste this at the bottom of the file:

.nav_container nav {
height: 80px;
}

.wrapper .fix_heigh_header .nav_container {
padding: 12px 0px;
height: auto !important;
max-height: 70px;
}

header.header_fix {
height: 70px;
}
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
0 Likes
Pallavi
Shopify Expert
2240 370 486

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

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
0 Likes
codyrouruke
New Member
2 0 1
Thank you so much!! I greatly appreciate all the help.
0 Likes