I have been looking for hours for a resolution. I would like to hide the top banner in mobile view. In Shopify, it’s called the “logo banner”. When I try to hide it, the picture along with my top logo and menu icons also disappear. It appears the picture/banner is with the “logo banner” so when I tr…

Hi @BrittKNorman , Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file: @media screen and (max-width: 749px) { #shopify-section-template--18455586930860__section_6PnLrM { display: none; } }

@BrittKNorman Please provide your mobile front screenshot exactly what you would like to hide. I will check and try to provide your solution.

Access the customize > then go to theme settings > Custom CSS (See the GIF below and enjoy it) [20250806-0030-56.0760642] Next, add this CSS code. If I understood correctly what you want to achieve with this, it should work for you on mobile: @media only screen and (max-width: 768px) { #shopify…

I just added the code and got this error. [Help Error On Shopify Store]

I would like to keep the outlined blue section on mobile and desktop view and hide the outlined purple section on mobile. [Screenshot_20250805_195422]

@BrittKNorman Please add the following code at the bottom of your css file. @media only screen and (max-width: 768px) { .group-block{ display: none; } .section.section--full-width.color-scheme-1 { min-height: 20svh; } } Hope this works.

Hi @BrittKNorman , Please go to Customize > Sections > Logo banner > Custom CSS and add code: @media screen and (max-width: 749px) { .section { display: none; } }

[image] BrittKNorman: test13 Add this code to Custom CSS in Theme settings @media (max-width: 749px) { #shopify-section-template--18455586930860__section_6PnLrM { display: none !important; } }

How To Hide a Block (Group) Within A Section Not The Whole Section

Store Design

BrittKNorman August 6, 2025, 2:18am 14

It’s says Online Editor cannot be published.

Topic		Replies	Views
How can I make a website section invisible on mobile? Store Design design	4	54	November 14, 2023
Hiding section on mobile Store Design design , customizations , css , html	1	65	April 13, 2024
Hide a section on desktop, hide another section on mobile Store Design design , header , customizations , landing-page , css , third-party-themes , shopify-themes , html	2	75	March 21, 2024
Why can't I hide a specific section on the homepage using code? Store Design	4	62	November 17, 2021
How can I hide an image banner on desktop view only? Store Design header , customizations , collection-page , html	4	49	September 6, 2023

How To Hide a Block (Group) Within A Section Not The Whole Section

Related topics