How can I relocate the tax tag in Dawn theme?

Solved

How can I relocate the tax tag in Dawn theme?

harukajmickey
Shopify Partner
119 0 9

Hello all,

 

I am using Dawn theme.

I would like to move the position of tax tag to the location mentioned in the following screenshot.

https://hobot-japan.com/products/hobot_001

https://hobot-japan.com/products/hobot_002

 

 

Some people already told me how to do it, but it was not successful.

Does anyone know how to do it?

Thank you in advance.

 

スクリーンショット 2022-11-08 9.27.59.png

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4991 1118 1796

This is an accepted solution.

Hi @harukajmickey 

I’m Richard Nguyen - CRO Expert at PageFly, I’d like to suggest this idea:

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag </body>

 

<style>

.product__tax {

    display: inline-block !important;

}

#price-template--14489929449538__main {

    display: inline-block !important;

}

.price--on-sale .price__badge-sale {

    width: fit-content;

}

</style>

 

Please refer to this screenshot:

RichardNguyen_0-1667873391642.png

 

Hope you find my answer helpful!

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

PageFly-Richard
Shopify Partner
4991 1118 1796

This is an accepted solution.

Hi @harukajmickey 

I’m Richard Nguyen - CRO Expert at PageFly, I’d like to suggest this idea:

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag </body>

 

<style>

.product__tax {

    display: inline-block !important;

}

#price-template--14489929449538__main {

    display: inline-block !important;

}

.price--on-sale .price__badge-sale {

    width: fit-content;

}

</style>

 

Please refer to this screenshot:

RichardNguyen_0-1667873391642.png

 

Hope you find my answer helpful!

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

harukajmickey
Shopify Partner
119 0 9

@PageFly-Richard 

Thank you so much! It worked!!

PageFly-Richard
Shopify Partner
4991 1118 1796

Hi @harukajmickey ,

 

You're most welcome! I'm glad that it works well on your end 😊

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.