Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1304271
    fantasy_5
    Participant

    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! 🙂

    #1304294
    Rue Nel
    Moderator

    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.

    #1309347
    fantasy_5
    Participant
    This reply has been marked as private.
    #1309618
    Rue Nel
    Moderator

    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.

    #1310719
    fantasy_5
    Participant
    This reply has been marked as private.
    #1310769
    Christopher
    Moderator

    Hi there,

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

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

    Hope that helps.

    #1315101
    fantasy_5
    Participant

    That did the trick. Thank you. 🙂

    #1315211
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

  • <script> jQuery(function($){ $("#no-reply-1304271 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>