How do I completely hide all my banner images on mobile only?

Technical Q&A
1

part1.jpg
part1.jpg945×571 50.3 KB

And here is 1 example of these banners that look on mobile.

Screenshot_20220901-091445_Samsung Internet.jpg
Screenshot_20220901-091445_Samsung Internet.jpg1079×2033 209 KB

For extra step I followed a similar Q&A solution and it still didnt work for me at least! Which was to add:

@media (max-width: 749px) {
#shopify-section-template–15850075586780__1648130833cc79546f {
display: none !important;
}
}

in my Asset → base.css

2

Hi @HanSook !

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

Add this code in the base.css file

  1. Navigate to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.

#shopify-section-template–14173754523729__1661380634c615ae44{
display: none !important;
}

Screenshot_19.png
Screenshot_19.png1883×875 252 KB

As shown in this screen shot.

Best Regards;

Pagefly

3

@HanSook ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego