Liquid, JavaScript, themes, sales channels
hi all,
please check this screenshot https://prnt.sc/qbhlb1
URL is = https://shahniazstore.myshopify.com/
i am using turbo theme
i have a section which have 2 sub sections (text+images). i want to keep them both on desktop version but want to hide 1 sub section on mobile view so customer will not scroll a long and see products immediately.
What i tried = i tried to hide the sub section on mobile view by modifying CSS and through media queries but got no luck. help will be highly appreciated. thanks
Solved! Go to the solution
This is an accepted solution.
Hello discky,
If you want to hide first sub section add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid
@media only screen and (max-width: 749px){ #shopify-section-1576065013508 .container div:nth-child(1) { display: none; } }
If you want to hide second sub section add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid
@media only screen and (max-width: 749px){ #shopify-section-1576065013508 .container div:nth-child(2) { display: none; } }
Hello discky,
What you want to hide first sub section or second sub section?
This is an accepted solution.
Hello discky,
If you want to hide first sub section add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid
@media only screen and (max-width: 749px){ #shopify-section-1576065013508 .container div:nth-child(1) { display: none; } }
If you want to hide second sub section add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid
@media only screen and (max-width: 749px){ #shopify-section-1576065013508 .container div:nth-child(2) { display: none; } }
For anyone who want to hide a section but different from above's section, please follow the tutorial below. This should work on any section and any theme. No APP and it is FREE.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024