How to pin a button on mobile in classic Wix editor

Show and tell
1

Sample button to create a floating pinned button on the mobile version of the website in the regular editor via the custom code feature.

<!-- CSS: Styles for the fixed link-button -->
<style>
  #pinnedButton {
    position: fixed;
    bottom: 20px;         
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    background-color: #007aff;
    color: #fff;
    padding: 12px 24px;
    border-radius: 5px;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
  }

  @media (min-width: 768px) {
    #pinnedButton {
      display: none;
    }
  }
</style>

<!-- HTML: Anchor tag styled as a button -->
<a id="pinnedButton" href="https://www.google.com" target="_blank">Tap Me!</a>
3 Likes
2

People will not search for floating button via custom code…

You should consider changing your title to How to pin a button on mobile in classic Wix editor

Or

Create pinned mobile button on Classic Wix Editor

1 Like