Header size in mobile Dawn theme

Xakhil · ‎10-15-2024

Hello,

Can anyone help me to reduce the size of my header only for mobile ?

I'm using dawn theme.

My store : https://www.warmreliefsolutions.com/

Dan-From-Ryviu · ‎10-16-2024

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code

<style>
@media (max-width: 749px) {
.header__heading-logo {
height: 80px !important;
object-fit: cover !important;
}
}
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

comercioservice · ‎10-15-2024

@Xakhil if you upload this height 185px size logo it will be ok

your logo height what too big

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!

Xakhil · ‎10-15-2024

185x185 ?

comercioservice · ‎10-15-2024

@Xakhil width 420 and height 185

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!

Xakhil · ‎10-15-2024

@comercioservice If i reduce the size wont it effect my website size too ?

Dan-From-Ryviu · ‎10-16-2024

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code

<style>
@media (max-width: 749px) {
.header__heading-logo {
height: 80px !important;
object-fit: cover !important;
}
}
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Xakhil · ‎10-16-2024

@Dan-From-Ryviuthank you it worked

Dan-From-Ryviu · ‎10-16-2024

Very welcome!

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Header size in mobile Dawn theme

Header size in mobile Dawn theme

Community Blog Articles