remove sticky menu from MOBILE- Simple Theme

Solved
AnimeKyashi
Excursionist
26 0 8

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!!

 

0 Likes
arslantahir
Shopify Expert
13 1 1

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;
}
}
Contact me : Email : syedarsalantahir@gmail.com | Skype : arslantahir1988
0 Likes
AnimeKyashi
Excursionist
26 0 8

thank you so much it worked!

0 Likes
arslantahir
Shopify Expert
13 1 1

My Pleasure.

Contact me : Email : syedarsalantahir@gmail.com | Skype : arslantahir1988