Change logo in header for mobile app only

Brocchi · ‎11-02-2023

Hello,

So I have the logo placed on the header, and it looks nice on the desktop, but on the mobile app it overlaps with the logo banner I have. I would like for the logo to be removed from the header of the mobile version and keep it on the desktop version.

Is there any way we can make this possible?

Dan-From-Ryviu · ‎11-02-2023

Hi @Brocchi

You can add this code at the bottom of your base.css file in Online store > Themes > Edit code to do that

@media (max-width: 767px) {
h1.header__heading { display: none !important; }
}

- Helpful? Like and Accept solution! Support me! Buy me coffee
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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

Dan-From-Ryviu · ‎11-02-2023

Hi @Brocchi

You can add this code at the bottom of your base.css file in Online store > Themes > Edit code to do that

@media (max-width: 767px) {
h1.header__heading { display: none !important; }
}

- Helpful? Like and Accept solution! Support me! Buy me coffee
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Brocchi · ‎11-02-2023

This was extremely helpful!

Thank you so much! 😁

Dan-From-Ryviu · ‎11-02-2023

Happy I could help!

- Helpful? Like and Accept solution! Support me! Buy me coffee
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Change logo in header for mobile app only

Change logo in header for mobile app only

Community Blog Articles