Jump to content

RAW

Not Email Verified
  • Posts

    12
  • Joined

  • Last visited

Posts posted by RAW

  1. Hi there

    I have disabled the hover effect for the mobile version of my site, but on this page there is an issue. I want the black and white image only to appear. Currently, the colour image first appears and then the black and white image fades in over it.

    https://www.gregrawson.com/about

    Can you tell me how to make that colour image not appear at all on mobile? Only for this "about" page, none of the others on the site.

     

    This is the current CSS for this image:

    /* Change Image on Hover */

    @media screen and (min-width:992px) {
    #block-0caff5f46a51d3dfea13{
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }

    #block-0caff5f46a51d3dfea13:hover {
        opacity: 1
    }
    }

     


    Thank you.

  2. Hi there

    I have setup my homepage with show text on hover, for the thumbnails. It works perfectly for desktop browsers and I don't want to change this.  However for mobile devices, the text doesn't show (as the hover function does not work on touch devices).

    I therefore want to change this so that only the hover version (the coloured image with text) appears on mobile browsers, without affecting the hover on desktop browser.

    How do I keep "show coloured image with text after hover" on the desktop browser and "show coloured image with text" on mobile devices.

    Web address is www.gregrawson.com

    Thank you!
     

  3. I don't think he's saying that there isn't any injection code. He's saying the injection code is working perfectly, but that code flashes up for a brief moment.

    I'm having exactly the same issue. My site is working fine but my injection code flashes up at the top of the screen briefly. It's driving me crazy and I can't find the fix. I don't want to remove the injection code or people can't jump back to the top.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.