decreasing Header height in mobile view only

Solved

decreasing Header height in mobile view only

Drews1k
Tourist
14 0 2

Hey, i need help, my header section in mobile view is covering the image behind, can i change size of it only in mobile view&
https://f35b35-f9.myshopify.com/ this is my store url, thanks 

Drews1k_0-1718350022626.png

 

Accepted Solutions (2)

ZestardTech
Shopify Partner
5636 1031 1359

This is an accepted solution.

Hi @Drews1k 

 

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

 

@media (max-width:767px){
.banner__heading {
font-size: 30px;
}
}

 

ZestardTech_0-1718362732491.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

ZestardTech
Shopify Partner
5636 1031 1359

This is an accepted solution.

Hi @Drews1k 

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.
If helpful then please Like and Accept Solution.

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 2 (2)

ZestardTech
Shopify Partner
5636 1031 1359

This is an accepted solution.

Hi @Drews1k 

 

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

 

@media (max-width:767px){
.banner__heading {
font-size: 30px;
}
}

 

ZestardTech_0-1718362732491.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
ZestardTech
Shopify Partner
5636 1031 1359

This is an accepted solution.

Hi @Drews1k 

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.
If helpful then please Like and Accept Solution.

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