How to remove the "right" arrow in Dawn Theme's collection listing?

Hi,

How do i remove the “right” arrow on Dawn Theme. Tried using the code provided in this forum but to no avail. I copied the below code and it doesn’t work for me and also the centralise the wording.

.collection-list .collection-list-grid__title{
display: none;
}

Any kind soul have advice for me?

2 Likes

@AP-Vincent

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

@KetanKumar

Thank you. Had PM youbthe details

1 Like

@AP-Vincent

Add this code in the bottom of base.css file.

span.icon-wrap {
    display: none !Important;
}
7 Likes

Please add below css in bottom of base.css file

.card__inner .card__information span.icon-wrap {
display: none;

}
Thank you.

2 Likes

Bravo! Many thanks for your help.

1 Like

Thanks for your help Mr Ravi

1 Like

Hi there!

This didn’t work for me on my website - do you have another solution? / is this correct below?

1 Like

@Libbyallison

can you share store url

span.icon-wrap {
display: none !Important;
}

I just tried this and it works perfectly!

Thanks Mr_RaviRaj, you’re a champion!

Hello, Mr. Ravi,

I just could resolve the same issue I was facing in my Theme Dawn…

I had copied your code into the base.css file at the end …and it worked perfectly !

So, many thanks for your great advice and help !

Best regards

Bags by Sumageza

Hi, I have a similar question. On my dawn theme in my mobile, I want to

  • display 3 collections instead of 2 so that the 3rd is not cut off like shown in the images

  • in my setting you can see for mobile I can have a maximum of 2 columns. can you please help me.

Thanks

It did not work for me, using the Dawn theme. Thanks

1 Like

@ashpreetkohli

oh sorry for that issue can you please share your store url so i will check and let you know proper solution.

Sure Ketan, Thank you so much.

www.garbclassics.com

https://www.garbclassics.com/collections

1 Like

@ashpreetkohli

Thanks for details, can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.card .icon-wrap {display: none !important;}

2 Likes

it worked! Thanks Chetan

1 Like

@ashpreetkohli

I am glad to help you.

1 Like

This hasn’t worked for me

1 Like