how to move mobile button up a little bit

  • Resolved Angus Todman

    (@angus-todman)


    4 years, 6 months ago

    The mobile version position covers my menu at the bottom.

    I tried moving with CSS though bottom :80 but it only move the icon on desktop.. how to move on both versions. I have seperate CSS for desktop and mobile and I put the CSS in both and still not working.. also cleared cache many times.

    Thanks

    .whatsappme__button {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    z-index: 2;
    bottom: 80px;
    right: 8px;
    height: 60px;
    min-width: 60px;
    max-width: 95vw;
    background-color: #25d366;
    color: #fff;
    border-radius: 30px;
    box-shadow: 1px 6px 24px 0 rgba(7,94,84,.24);
    cursor: pointer;
    transition: background-color .2s linear;
    -webkit-tap-highlight-color: transparent;
    }

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Creame

    (@creapuntome)

    4 years, 6 months ago

    It’s better to apply to all whatsappme div, not only the button. Try:

    .whatsappme { bottom:80px !important; }

    Or if only want to change it on mobile:

    @media (max-width: 480px), (max-width: 767px) and (orientation: landscape) {
  .whatsappme { bottom:80px; }
}
Viewing 1 replies (of 1 total)
  • The topic ‘how to move mobile button up a little bit’ is closed to new replies.