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

 

Accepted Solution (1)

Accepted Solutions
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

View solution in original post

Replies 3 (3)
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
AnimeKyashi
Excursionist
26 0 8

thank you so much it worked!

arslantahir
Shopify Expert
13 1 1

My Pleasure.

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