Hide Sections in Desktop and Mobile
This guide empowers you to take control of your Shopify website's appearance with some simple CSS. Learn how to:
Hide desktop sections to streamline your mobile experience.
-Create mobile-specific sections to deliver a tailored experience for mobile users.
This approach is perfect for themes like Dawn that lack built-in mobile section editing functionalities. Let’s jump right in!
Code used:
@media screen and (min-width: 751px) {
{
display: none !important;
}
}
Videos to watch:
How To Create Custom Button Styles In Shopify • How To Create Custom Button Styles In Shop...
Easy Shopify Customization Playlist • Shopify Customization Guide
📑 Get access to my Shopify Pre-Launch Checklist list at https://betsylugo.com/shopify-checklist/
🔔 Thanks for watching and be sure to subscribe for more awesomeness!
⚞⚞⚞⚞⚞☕️ ABOUT ☕️⚟⚟⚟⚟⚟
Learn how to design & customize your Shopify website. Subscribe to be notified when a new video is released. I pledge to keep the tutorials simple, short, and helpful!
I’m a self-taught web designer, super-nerd, and a Shopify partner. Owner of Betsy Lugo Creative ☕ I drink an insane amounts of coffee, so if you want to say thanks for a helpful video, buy a coffee! https://www.buymeacoffee.com/bl.creative 📺 I watch way to much Netflix ✈️ I love to travel.
👉🏽LET'S CONNECT
Say hi on Insta / betsy_oficial
Follow me on Pinterest / bl_creative
Work with me https://www.betsylugo.com
Join Commerce Connection - A monthly newsletter sharing Shopify news and updates, ecommerce trends, freebies and more! https://betsylugo.com/monthly-newslet...
👉🏽 TOOLS & SYSTEMS I LOVE
Several clients have requested that I posted my affiliate links so that they can register through them as a thank-you for my free tutorial content here on YouTube. Thank you so much for your support! If you would like to use my affiliate links, I would greatly appreciate 🙏🏾
My social media management system https://my.mtr.cool/QQKZQD
Protect your business https://bit.ly/BLC-Policies
Custom Shopify sections https://bit.ly/BLC-Sections
Product mockups https://bit.ly/BLC-Mockups
My favorite themes https://bit.ly/BLC-Themes
Want more? Check out my resources page https://betsylugo.com/resources/
The term "Shopify" is a trademark of Shopify Inc. and the term "Canva" is a trademark of Canva Inc. This video was not approved or endorsed by them. I just really love their platforms ♥
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!
#shopifytips #responsivedesign #mobilefriendly