Hide Logo List From Mobile View Debut Theme

Store Design
,
1

I added logo list to my Debut theme, but I want to hide it in mobile mode. How can I do this?
https://bkyytjntxh8p4f5c-60355477642.shopifypreview.com
Thanks for the help!

1 Like
2

@scums

oh sorry for that issue can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media (max-width: 749px) {
#shopify-section-c0e6bd2e-20a8-473a-96ce-1af807711ba2 {display:none;}
    }
3

Hi @Scums

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset->theme.css paste the below code at the bottom of the file.

@media (max-width:767px){

header a.site-header__logo-image.site-header__logo-image–centered img{display:none !important}

}

PageFlyVictor_0-1666840906959.png
PageFlyVictor_0-1666840906959.png278×499 109 KB

Hope my solution works perfectly for you!

Best Regards;

PageFly

4

Hi @scums ,

This is GemPages - A powerful Page Builder. Regarding your question, I would like to give you some recommendations to support you

Solution 1: Hide on the mobile view

  1. Go to Online Store on your Shopify Admin

  2. Click on Edit code on the current live theme

GemPages_Agents_0-1666842985140.png
GemPages_Agents_0-1666842985140.png400×193 29.2 KB

  1. Search and open the theme.liquid file

  2. Paste this code here before tag in the theme.liquid file

Solution 2: From my point of view, we should keep that logo and try to reduce the width a bit with the same steps above but replace the step 4th with this code:

Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages