What's your biggest current challenge? Have your say in Community Polls along the right column.

Email sign up arrow missing

Email sign up arrow missing

Deedee11
Visitor
1 0 1

The arrow for my email sign up at the bottom of the page has dissapeared. It is still a clickable area, but visually there is nothing there. Please help it putting the white arrow back.

 

Website: https://www.kizunastationery.com.au/

 

Thanks!

Replies 3 (3)

Mehran_Ali
Shopify Partner
439 56 68

Hi @Deedee11 

Actually i can see that the reason why the arrow is not showing up is that the SVG is not rendering 

Mehran_Ali_0-1732886777759.png

 

So you can add an arrow by using this CSS code 

You just need to follow these steps:

1) Go to the Online Store
2) Edit Code
3) Find theme.css / base.css


And past that CSS Code:

.newsletter-form__button .svg-wrapper:after {
    content: '→';
}

The result will be like:

Mehran_Ali_1-1732886917774.png

 

 

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!

-If this solution helps you, kindly LIKE THIS REPLY and MARK AS A SOLUTION OR

Buying Me A Coffee.

-If you need an expert Shopify developer for customization and development, feel free to contact me.


Email: Mehran.ali5300@gmail.com


WhatsApp: +92 343 0211536

devcoders
Shopify Partner
564 80 142

Hello @Deedee11 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

#Subscribe .svg-wrapper::before {
content: '→';
font-size: 20px;
color: #fff;
margin-right: 5px;
}

 

devcoders_0-1732893523284.png

 

 

 

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

namphan
Shopify Partner
2036 269 297

Hi @Deedee11,

I checked and the svg file was not added.

Please go to Actions > Edit code > sections > footer.liquid file, find 'newsletter-form__button' and add code here:

Screenshot.png

Code: {{- 'icon-arrow.svg' | inline_asset_content -}}

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com