Solved

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

wendyl93
Excursionist
28 0 10

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?

 

Schermafbeelding 2022-01-24 om 23.08.15.png

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

 

Schermafbeelding 2022-01-24 om 23.11.59.png

 

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

Schermafbeelding 2022-01-24 om 23.15.23.png

 

Accepted Solutions (3)

Dbuglabpvtltd
Shopify Partner
705 75 113

This is an accepted solution.

Hi @wendyl93 

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

banned

View solution in original post

Dbuglabpvtltd
Shopify Partner
705 75 113

This is an accepted solution.

Hi @wendyl93 

For second point add this css

.card__badge{ top: 0% !important; }

banned

View solution in original post

Dbuglabpvtltd
Shopify Partner
705 75 113

This is an accepted solution.

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

Dbuglabpvtltd_0-1643102738753.png

 

banned

View solution in original post

Replies 11 (11)

Dbuglabpvtltd
Shopify Partner
705 75 113

This is an accepted solution.

Hi @wendyl93 

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

banned
wendyl93
Excursionist
28 0 10

@Dbuglabpvtltd thank you it worked!

 

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

Dbuglabpvtltd
Shopify Partner
705 75 113

Hi @wendyl93 

can you please share your store URL?

banned
wendyl93
Excursionist
28 0 10

Dbuglabpvtltd
Shopify Partner
705 75 113

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_0-1643098418591.png

 

banned

Dbuglabpvtltd
Shopify Partner
705 75 113

This is an accepted solution.

Hi @wendyl93 

For second point add this css

.card__badge{ top: 0% !important; }

banned
wendyl93
Excursionist
28 0 10

@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

Schermafbeelding 2022-01-25 om 09.39.40.png

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

 

Dbuglabpvtltd
Shopify Partner
705 75 113

This is an accepted solution.

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

Dbuglabpvtltd_0-1643102738753.png

 

banned
wendyl93
Excursionist
28 0 10

@Dbuglabpvtltd 

 

Which file is this? 

Dbuglabpvtltd
Shopify Partner
705 75 113

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

banned
wendyl93
Excursionist
28 0 10

@Dbuglabpvtltd 

Thank you so much, it worked out perfect!

 

And one last thing;

Schermafbeelding 2022-01-25 om 10.53.55.png

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