- Go to Theme Options - Custom, and add this to Custom Content in Footer:
<div class="mobile-sticky-bar">
<a href="#" class="cta-btn">Get Started</a>
</div>
- Add this to Custom CSS:
/* Sticky bottom bar (visible only on mobile) */
.mobile-sticky-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #ffffff;
padding: 12px 20px;
display: none; /* Hidden by default */
box-shadow: 0 -2px 10px rgba(0,0,0,0.08);
z-index: 9999;
}
/* CTA button */
.mobile-sticky-bar .cta-btn {
display: block;
width: 100%;
background: #000; /* Change color if needed */
color: #fff;
text-align: center;
padding: 14px 18px;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
}
/* Mobile only */
@media (max-width: 768px) {
.mobile-sticky-bar {
display: block;
}
}
- Add your link to the HTML, and further customize the bar using CSS.