Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1019063

    I have a situation where I can move the scroll top link using css

    /*reposition top link*/
    #scroll-top-link { right: 0; bottom: 0; }

    This works fine but when css is added to also show the scroll top link on mobiles it stops working.

    I need to combine the two bits I think but cannot get the reposition to work.

    my css is

    /*reposition top link TO REPOSITION LINK TO TOP) */
    #scroll-top-link { right: 0; bottom: 0; }

    /*Mobile to top of page button TO MAKE THE LINK VISIBLE ON MOBILES*/
    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
    display: block !important;
    }

    }

    #1019078

    Hey madmanbean,

    Try this instead:

    /*Mobile to top of page button TO MAKE THE LINK VISIBLE ON MOBILES*/
    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
    display: block !important;
    }
    
    #scroll-top-link { 
     right: 0!important;
     bottom: 0!important;
     }}

    Best regards,
    Jordan Shannon

    #1019089

    Nope! thought when I saw your post the !importnt declaration may have done it

    #1019112

    Hi,

    Did you try adding to very top of quick css? Also, be sure clear the cache a few times over.

    Best regards,
    Jordan Shannon

    #1019217

    Nope again..

    Adding to css list at top only works if there are css errors lower down which there are not.

    But to prove the point I did try adding it to top and no difference

    #1019352

    Hi,

    Where can we see the results you are getting?

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.