How do I only display slideshow subheadings on desktop and not mobile

How do I only display slideshow subheadings on desktop and not mobile

lukafernada
Excursionist
122 1 48

I want the subheadings on latpop, but on mobile it fills the box up to much, so I'd like to remove it only on mobile.

IMG_0143.jpegIMG_0142.jpeg

Replies 2 (2)

BSSCommerce-B2B
Shopify Partner
1723 513 577

@lukafernada ,

Step 1: Go to Admin -> Online store -> Theme > Edit code:

BSSCommerceB2B_0-1726932289665.png

 

Step 2: Search for the file theme.liquid. And add this code snippet before </head>

<style>
@media only screen and (max-width: 600px) {
  .slideshow__text .banner__text.rte{
    display: none!important;
  }
}
</style>

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

PageFly-Richard
Shopify Partner
4661 1068 1725

 

This is Richard from PageFly - Shopify Page Builder App

 

Hi @lukafernada  Please add code here to remove it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
 @media screen and (max-width: 767px){
    .slideshow__slide .slideshow__text-wrapper .banner__text.rte{
  display: none !important;
  }
 }
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Richard | 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) 


All features are available from Free plan. Live Chat Support is available 24/7.