bigger logo in header

Solved

bigger logo in header

UL1
Explorer
52 0 17

Hi 

I would like to make my logo (in header) bigger, but just in mobile view.

I'll be thankfull for any help. 🙂

Store ID: https://wirelessrevolution.net/

Accepted Solutions (3)

PageFly-Amelia
Shopify Partner
626 165 238

This is an accepted solution.

Hi @UL1 

This is Amelia from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

.header__heading-logo-wrapper img {

    max-width: 250px !important;

}}

 

Hope that my solution works for you.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

BSSCommerce-TC
Shopify Partner
225 49 51

This is an accepted solution.

Hi @UL1 ,

 

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find base.css file

Step 2: Insert below code at the end file and Save them

 

@media (max-width: 756px) {
   .header__heading-logo {
      height: 22px;
      max-width: 200px;
   }
}

 

it would be like that

BSSCommerceTC_0-1720366136360.png

 

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Dan-From-Ryviu
Shopify Partner
10961 2148 2287

This is an accepted solution.

Hi @UL1 

Please go to Online Store > Themes > Customize > Theme settings > Custom CSS, add this code and save

 

@media (max-width: 749px) {
.header { grid-template-columns: 1fr 4fr 1fr !important; }
}

Screenshot_1.jpg

 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

PageFly-Amelia
Shopify Partner
626 165 238

This is an accepted solution.

Hi @UL1 

This is Amelia from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

.header__heading-logo-wrapper img {

    max-width: 250px !important;

}}

 

Hope that my solution works for you.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

BSSCommerce-TC
Shopify Partner
225 49 51

This is an accepted solution.

Hi @UL1 ,

 

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find base.css file

Step 2: Insert below code at the end file and Save them

 

@media (max-width: 756px) {
   .header__heading-logo {
      height: 22px;
      max-width: 200px;
   }
}

 

it would be like that

BSSCommerceTC_0-1720366136360.png

 

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

Dan-From-Ryviu
Shopify Partner
10961 2148 2287

This is an accepted solution.

Hi @UL1 

Please go to Online Store > Themes > Customize > Theme settings > Custom CSS, add this code and save

 

@media (max-width: 749px) {
.header { grid-template-columns: 1fr 4fr 1fr !important; }
}

Screenshot_1.jpg

 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.