Shopify themes, liquid, logos, and UX
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/
Solved! Go to the solution
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.
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
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
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; }
}
- 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.
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.
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
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
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; }
}
- 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.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025