Docs

[fantasy_5]

Hi!

I have a customized floating footer bar added to my website and it looks awesome. You guys helped me with adjusting the code see this thread here which also contains the necessary code. https://community.theme.co/forums/topic/customization-add-floating-footer-bar/

It works beautifully on the desktop and you can clearly see my “back to top” link just above the footer bar. However, that link is covered on smaller screens for mobile devices. Can you guys assist me with a little css to make the adjustment for mobile devices? Thanks in advance and happy holidays. I have enclosed a screenshot because the site https://shopatkei.com
isn’t live yet. Happy holidays! 🙂

[Rue Nel]

Hello There,

Thanks for writing in! To resolve your issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(max-width:797px){
    .site .x-scroll-top {
       bottom: 110px;
    }
}

Please let us know if this works out for you.

[fantasy_5]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in! Regretfully we can no longer check your site. Perhaps you have changed the password. It is not working for us. Please double check it.

Thank you in advance.

[fantasy_5]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (max-width:530px){
#tips {
    font-size: 15px;
}
}

Hope that helps.

[fantasy_5]

That did the trick. Thank you. 🙂

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts