Shopify how-to June 12, 2026 4 min read
How to Add a Sticky Size Guide Button on Mobile
Floating button increases chart engagement 3-5x on mobile. App or custom CSS.
App Method (No-Code)
Tailor Size Guide includes a "Sticky on mobile" toggle. Enable in settings. Button appears bottom-right on all product pages on mobile only. Click opens the size chart popup.
Custom CSS Method
Add a button to your product template:
<button id="size-guide-btn" onClick={openModal}>Size Guide</button>
<style>
@media (max-width: 768px) {
#size-guide-btn {
position: fixed; bottom: 80px; right: 16px;
z-index: 100; padding: 12px 20px;
background: #000; color: #fff; border-radius: 999px;
}
}
</style>FAQs
How to add sticky size guide button?
App toggle or custom CSS with position fixed.
Why on mobile?
Visibility during scroll = 3-5x engagement.
One-toggle sticky button
Tailor Size Guide includes mobile sticky button by default.