Email sign up arrow missing

Store Design
,
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!

2

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
Mehran_Ali_0-1732886777759.png1432×449 80.2 KB

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
Mehran_Ali_1-1732886917774.png914×379 22.1 KB

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!

3

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
devcoders_0-1732893523284.png1301×352 16.1 KB

4

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
Screenshot.png1254×696 87.8 KB

Code: {{- ‘icon-arrow.svg’ | inline_asset_content -}}