Expanse : How to remove Collection image from Mobile Menu (Mobile version)?

Store Design
1

Is there a way to remove Collection image , which is shown beside the Navigation Menu (mobile menu version) ?

Theme : Expanse

Store Address : https://fabkraft.com

IMG_9108.jpg
IMG_9108.jpg1125×2436 134 KB

2

@ViveKM

oh sorry for that can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 768px) {
.slide-nav__image {display: none;}
.slide-nav__image+span {padding-left: 0;}
}
3

Thank you! this worked for me!

4

Thank you, works fine for me too!

5

Hello

I have a slightly different problem, I hope you can help.

I want my main collection image to show on the top of collection page, but NOT on mobile. It looks much nicer on desktop BUT it makes the page too long on mobile.

Is there a way to fix this?

thank you