Goal: Adjust homepage display so the collection carousel is hidden on mobile and the categories section is hidden on desktop for sheeksorority.com.
Proposed solutions: Two contributors suggested adding CSS media queries either in base.css (theme code editor) or inside theme.liquid before .
Technical note: Media queries apply CSS rules based on viewport width; the selectors target specific section classes to toggle visibility.
Current outcome: Desktop categories successfully hidden, but the collection carousel still appears on mobile. Screenshots were shared showing the desktop change working and the mobile carousel still visible.
Status: Partially resolved. The desktop requirement is met, while the mobile carousel remains visible. No confirmed fix for the mobile issue yet, and no further adjustments or alternative selectors were provided in the thread. Images are relevant to understanding the results.
Hi! I need assistance with the following display adjustments on the Sheek Sorority website:
https://sheeksorority.com/
Thank you for your help!
Hello @Sheeks
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.
@media screen and (min-width: 749px) {
.section-container.primary-scheme {
display: none !important;
}
@media screen and (max-width: 749px) {
.section-container.quatnary-scheme {
display: none !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hi @Sheeks ,
@media screen and (min-width: 749px) {
.section-container.primary-scheme {
display: none !important;
}
@media screen and (max-width: 749px) {
.section-container.quatnary-scheme {
display: none !important;
}
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
