Scroll to Top + Stick Button Mobile issue

Hi team,

2 question here that I need your help.

1. How can i move the “Back to top” icon on the mobile version as Im going to implement a sticky menu at the bottom of mobile page. https://snipboard.io/fO1HAV.jpg

2. I tried to look for many plugins for the sticky button menu for mobile like you see on the screenshot (orange color), i would like to know if the theme is able to setup such stick menu button for mobile page with different color and icon for each button?

Those plugin i found is only ONE color for the entire sticky button.

I found the bottom navigation menu from the theme, but is only allow 3 Custom Button, is there a way I can get the 4th Custom Button? https://snipboard.io/aFm2NS.jpg

Hello,

Please provide the page URL I will move up the back to top button-up with custom CSS.

As for the mobile bottom menu, unfortunately, there are three custom buttons only and other default pages: https://gyazo.com/f732efa22c62ecb3df69f5e4e9f109f1

The mobile menu is limited in width and there is no space enough to insert more buttons.

Best Regards

Hi Elise,

Sorry for the late reply.

Is it possible for me to get the code so that I can add in the custom CSS myself so that I can adjust it to fit on what I want it to be located?

Hello,

Here is the code:

.scrollToTop {
    width: 45px;
    height: 45px;
    text-align: center;
    color: #000;
    z-index: 350;
    font-size: 0;
    border: 1px solid #000;
    border-radius: 50%;
    text-decoration: none;
    background-color: #FFF;
    position: fixed;
    bottom: 75px;
    right: 40px;
    visibility: hidden;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: scale(1);
    transition: .2s all ease;
}

Remove the lines you do not edit, and edit the bottom value.

Best Regards

[Author]

Posts