Jump to content

Jnsn06

Member
  • Posts

    9
  • Joined

  • Last visited

Everything posted by Jnsn06

  1. What I find odd is that when I preview the page in the squarespace editor on my ipad, the page functions perfectly. When I view it live on my ipad, the effect doesn't work nearly as smoothly.
  2. Thanks for taking a look. When I test on ipad or iphone the response is not sensitive enough. Were you able to check out the Jasper demo. The mobile sensitivity is much better and I am hoping to achieve that. What would be needed to implement business code...?
  3. I would like the effect to work like the Jasper template main page which works on all devices: https://www.squarespace.com/templates/jasper-demo
  4. I am on a professional plan which I believe was phased out and it would be the equivalent to the business plan. Here is the site/page I'm looking for the effect on: https://www.johnsenschmaling.com/projects This is the code added for the :hover event: <style> .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-anchor:hover { opacity: .2 !important; display: block !important; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; } .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { opacity: 0; display: block !important; position: absolute; text-align: left; padding-left: 4%; bottom: 5%; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; } .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title { opacity: 1; color: hsl(0, 0%, 25%) !important; display: block !important; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; } </style>
  5. Can anyone offer a solution for custom css to add to my gallery page to allow the hover action (touch action on mobile) to create the same effect as it does on desktops. The image should fade-out and text fade in. Thanks in advance.
  6. in the Jasper template in mobile view, before clicking menu: after clicking on menu: would like it to look similar to this:
  7. sorry, no. that's my live site. is there a way to share a template version of the site I'm working on to be viewed? I'm also trying to figure out how to make this page's https://www.johnsenschmaling.com/projects :hover work on mobile. I know it's a touch issue, but it's above my paygrade. thanks for any help you can offer.
  8. I've been trying to make the Jasper Jin mobile nav drop-down transparent and having the hardest time figuring it out. I've been focused on modifying the overlay-nav-container, but perhaps I'm not looking/tweaking the right area. Any suggestions appreciated. Thx.
×
×
  • 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.