Jump to content

Wells: image caption and mobile view

Recommended Posts

Site URL: https://carnation-cardioid-yc95.squarespace.com

Hello all,

Just wondering if any of you could help me out with the two queries below:

1. My site has a hover effect assigned to images. On mobile view this effect works only on the first image being clicked. How can I set the effect not to work on mobile?

2. How can I move the subtitle of image captions on the bottom right of the image?

Thanks for the help!

site pw: mount$%

Federica

Link to comment
  • Replies 3
  • Created
  • Last Reply

Q1. Disable hover effect on mobile?

Q2. Add to Home > Design > Custom CSS

.homepage figcaption.image-card-wrapper {
    justify-content: flex-end !important;
    align-items: flex-end !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
22 hours ago, Feds said:

Hi @tuanphan thanks for the response,

Q2: I'm afraid it didn't work 😞

Q1: thanks! I tried with 

@media (hover:none)

I see it work here. Can you insert the code & I will check again?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.