My home page Form Submit Button is missing or inheriting the color of box.

Topic summary

A user discovered their homepage email form’s submit button arrow is missing or blending with the box color after removing pagination code. The arrow exists and functions but isn’t visible.

Proposed Solution:
A PageFly representative provided CSS code to fix the issue:

  • Navigate to Online Store → Theme → Edit code
  • Locate the base.css file
  • Add the following code at the bottom:
svg.icon.icon-arrow [type="submit"] {
  display: block !important;
}

Current Status:
The solution successfully resolved the issue on mobile devices, but the arrow remains invisible on desktop. Another user reported experiencing the same problem and requested assistance. The desktop visibility issue remains unresolved.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

I removed Pagenation using some code and noticed that my arrow in the homepage email form is gone or using box color - Its there and works but there is no visibale arrow in the button box. Any ideas why?

1 Like

Hi @Ryanp

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

[type=“submit”] svg.icon.icon-arrow {

display: block !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

HI HENRY! Thanks so much that worked perfect for Mobile.. Still not showing on desktop… Any thoughts on that?

I’m having the same issue - any help would be appreciated!

Thanks,

Dana

www.assifassefi.com