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

Solved
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)

Accepted Solutions
Dbuglabpvtltd
Shopify Partner
705 75 107

This is an accepted solution.

Hi @wendyl93 

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

- Was my reply helpful? Click Like to let me know! and Mark it as an Accepted Solution

- Feel free to contact me if you need any help and and have any issue.

-Hire Me | Whatsapp | Email: | dbuglab@gmail.com | Skype : dbuglab

Shopify Partner | PSD to Shopify | Shopify templates | Shopify themes | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing | Shopify Apps Website: | dbuglab.com

View solution in original post

Dbuglabpvtltd
Shopify Partner
705 75 107

This is an accepted solution.

Hi @wendyl93 

For second point add this css

.card__badge{ top: 0% !important; }

- Was my reply helpful? Click Like to let me know! and Mark it as an Accepted Solution

- Feel free to contact me if you need any help and and have any issue.

-Hire Me | Whatsapp | Email: | dbuglab@gmail.com | Skype : dbuglab

Shopify Partner | PSD to Shopify | Shopify templates | Shopify themes | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing | Shopify Apps Website: | dbuglab.com

View solution in original post

Dbuglabpvtltd
Shopify Partner
705 75 107

This is an accepted solution.

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

Dbuglabpvtltd_0-1643102738753.png

 

- Was my reply helpful? Click Like to let me know! and Mark it as an Accepted Solution

- Feel free to contact me if you need any help and and have any issue.

-Hire Me | Whatsapp | Email: | dbuglab@gmail.com | Skype : dbuglab

Shopify Partner | PSD to Shopify | Shopify templates | Shopify themes | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing | Shopify Apps Website: | dbuglab.com

View solution in original post

Replies 11 (11)
Dbuglabpvtltd
Shopify Partner
705 75 107

This is an accepted solution.

Hi @wendyl93 

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

- Was my reply helpful? Click Like to let me know! and Mark it as an Accepted Solution

- Feel free to contact me if you need any help and and have any issue.

-Hire Me | Whatsapp | Email: | dbuglab@gmail.com | Skype : dbuglab

Shopify Partner | PSD to Shopify | Shopify templates | Shopify themes | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing | Shopify Apps Website: | dbuglab.com
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 107

Hi @wendyl93 

can you please share your store URL?

- Was my reply helpful? Click Like to let me know! and Mark it as an Accepted Solution

- Feel free to contact me if you need any help and and have any issue.

-Hire Me | Whatsapp | Email: | dbuglab@gmail.com | Skype : dbuglab

Shopify Partner | PSD to Shopify | Shopify templates | Shopify themes | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing | Shopify Apps Website: | dbuglab.com
Dbuglabpvtltd
Shopify Partner
705 75 107

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

 

- Was my reply helpful? Click Like to let me know! and Mark it as an Accepted Solution

- Feel free to contact me if you need any help and and have any issue.

-Hire Me | Whatsapp | Email: | dbuglab@gmail.com | Skype : dbuglab

Shopify Partner | PSD to Shopify | Shopify templates | Shopify themes | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing | Shopify Apps Website: | dbuglab.com
Dbuglabpvtltd
Shopify Partner
705 75 107

This is an accepted solution.

Hi @wendyl93 

For second point add this css

.card__badge{ top: 0% !important; }

- Was my reply helpful? Click Like to let me know! and Mark it as an Accepted Solution

- Feel free to contact me if you need any help and and have any issue.

-Hire Me | Whatsapp | Email: | dbuglab@gmail.com | Skype : dbuglab

Shopify Partner | PSD to Shopify | Shopify templates | Shopify themes | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing | Shopify Apps Website: | dbuglab.com
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 107

This is an accepted solution.

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

Dbuglabpvtltd_0-1643102738753.png

 

- Was my reply helpful? Click Like to let me know! and Mark it as an Accepted Solution

- Feel free to contact me if you need any help and and have any issue.

-Hire Me | Whatsapp | Email: | dbuglab@gmail.com | Skype : dbuglab

Shopify Partner | PSD to Shopify | Shopify templates | Shopify themes | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing | Shopify Apps Website: | dbuglab.com
wendyl93
Excursionist
28 0 10
Dbuglabpvtltd
Shopify Partner
705 75 107

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

- Was my reply helpful? Click Like to let me know! and Mark it as an Accepted Solution

- Feel free to contact me if you need any help and and have any issue.

-Hire Me | Whatsapp | Email: | dbuglab@gmail.com | Skype : dbuglab

Shopify Partner | PSD to Shopify | Shopify templates | Shopify themes | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing | Shopify Apps Website: | dbuglab.com
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?