Dawn theme: New label lays over the menu foldout, how can I resolve?

[wendyl93]

Hi,

1. I added a new label to my products but when I open the menu you can see it laying on top of it how can I solve this?

2. How can I have the new label and sold out label aligned together like this on the top left?

3. The newsletter subscription in the footer has an arrow icon, how can I change it to a text like this?

[Dbuglabpvtltd · Accepted solution]

Hi @wendyl93 

this is the z-index issue.
Reduce the z-index of new in css.

[Dbuglabpvtltd · Accepted solution]

Hi @wendyl93 

For second point add this css

.card__badge{ top: 0% !important; }

[Dbuglabpvtltd · Accepted solution]

Hi @wendyl93 

this is the z-index issue.
Reduce the z-index of new in css.

[wendyl93]

@Dbuglabpvtltd thank you it worked!

Do you know how to change the other things as well?

[Dbuglabpvtltd]

Hi @wendyl93 

can you please share your store URL?

[wendyl93]

@Dbuglabpvtltd 

dear-little-things-nl.myshopify.com

password: dlt12345

[Dbuglabpvtltd]

Hi @wendyl93 

3. The newsletter subscription in the footer has an arrow icon, how can I change it to a text like this?

For this go to footer.liquid file find the newsletter code.
Remove SVG from button and text there

[Dbuglabpvtltd · Accepted solution]

Hi @wendyl93 

For second point add this css

.card__badge{ top: 0% !important; }

[wendyl93]

@Dbuglabpvtltd 

I can't seem to find the line with svg class, do you happen to know which row it is?

As for the sold out badge it came out like this

and how can I align the new badge better, because it's more on the left side than the sold out.

[Dbuglabpvtltd · Accepted solution]

Hi @wendyl93 
Can you please share your files access?
Remove these two css properties

[wendyl93]

@Dbuglabpvtltd 

Which file is this? 

[Dbuglabpvtltd]

Hi @wendyl93 
component-card.css line no: 259

[wendyl93]

@Dbuglabpvtltd 

Thank you so much, it worked out perfect!

And one last thing;

The product with 2 badges is lower than the other ones, how can I change that?