Broadcast Theme - hide the image on the subcollection menu

Store Design
,
1

Hello

I would like to make the navigation a little neater and hide the subcollection images on my collection page - have just the title appear

https://thebodyshop.ca/collections/gifts

2

hey @TBS2023 plz share the screen short that page that you want to hide it

3

Hi @TBS2023 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.mega_menu_img img {
    display: none !important;
}

Thanks!

4

it is not the mega menu but the subcollection

TBS2023_0-1744722493003.png
TBS2023_0-1744722493003.png1903×1696 406 KB

5

TBS2023_1-1744722514270.png
TBS2023_1-1744722514270.png1903×1696 406 KB

6

Hey , to hide specifically just the subcollections can you try the following?

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.subcollections {
  display: none !important;
}
7
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.subcollection__item {
    position: relative;
    height: 59px !important;
    overflow: hidden;
    z-index: 0;
}

.subcollection__link {
height: 58px !important;
}

.subcollection__image img{
display: none !important;
}

p.subcollection__title.h4 {
    color: black !important;
}