Shopify themes, liquid, logos, and UX
Hey!
Someone helped me code my sidebar menu to be sticky, however it also applied it to the mobile version. On the phone the dropdown menu shows behind the products, so I'de like to remove the sticky menu on the mobile version ONLY. Can anyone please help me alter or add to this code to remove the sticky menu from mobile?
#shopify-section-sidebar {
position: sticky;
top: 0;
}
animekyashi.com
password: cat
Thanks in advance!!
Solved! Go to the solution
This is an accepted solution.
paste this following code at the very end of your theme.css.liquid file or theme.css file
@media (max-width: 600px) {
#shopify-section-sidebar {
position: relative;
top: 0;
}
}
This is an accepted solution.
paste this following code at the very end of your theme.css.liquid file or theme.css file
@media (max-width: 600px) {
#shopify-section-sidebar {
position: relative;
top: 0;
}
}
My Pleasure.
User | RANK |
---|---|
200 | |
151 | |
69 | |
46 | |
38 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023