Jump to content

Gallery Links broken on mobile devices

Recommended Posts

  • Replies 8
  • Views 432
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 1 year later...

Hey, we have the same Problem on www.bottegajacobs.com for these 2 Section, the links doesnt work and its our last Problem before we can open the shop 😞

Problem Sections:

section[data-section-id="667d7a7030813771141393c7"]

section[data-section-id="667d74b8f69b953d3c47eed8"]

 

The links are not working on mobile, on desktop they do, there we used this code:

.user-items-list-item-container[data-section-id="661654a40bef933039eb1bba"] {
li.list-item {
    position: relative;
}
.list-item-content__button-container {
    position: static;
}
a.list-item-content__button.sqs-block-button-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    color: transparent !important;
    background-color: transparent !important;
border: none !important;
}
.list-item-content__button-container {
    position: static !important;
}}

 

Thanks, Paul

Link to comment
12 minutes ago, Paul_Wille said:

Hey, we have the same Problem on www.bottegajacobs.com for these 2 Section, the links doesnt work and its our last Problem before we can open the shop 😞

Problem Sections:

section[data-section-id="667d7a7030813771141393c7"]

section[data-section-id="667d74b8f69b953d3c47eed8"]

 

The links are not working on mobile, on desktop they do, there we used this code:

.user-items-list-item-container[data-section-id="661654a40bef933039eb1bba"] {
li.list-item {
    position: relative;
}
.list-item-content__button-container {
    position: static;
}
a.list-item-content__button.sqs-block-button-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    color: transparent !important;
    background-color: transparent !important;
border: none !important;
}
.list-item-content__button-container {
    position: static !important;
}}

 

Thanks, Paul

Change your code to this code

[data-section-id="661654a40bef933039eb1bba"] {
li.list-item {
    position: relative;
}
.list-item-content__button-container {
    position: static;
}
.user-items-list-carousel .list-item-content__button-container a {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    color: transparent !important;
    background-color: transparent !important;
    border: none !important;
}
.user-items-list-carousel .list-item-content__button-container {
    position: static !important;
transform: unset !important;
}
a.list-item-content__button.sqs-block-button-element:before {
    visibility: hidden;
}
.user-items-list-carousel__slide {
    pointer-events: initial !important;
    user-select: unset !important;
}
.user-items-list-carousel__gutter {
    cursor: pointer;
}
.list-item-content--hidden {
    display: block !important;
}
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
Posted (edited)

Maybe i give some more Information!

 

its for mobile only and the code above works perfectly for desktop. I either get it so that the slide function works and you can swipe the products to the right and left, then the products are no longer clickable. Or the other way around, the products are clickable with a link to the product but the slider no longer works.

This section: section[data-section-id="667d74b8f69b953d3c47eed8"]

Bildschirm­foto 2024-07-05 um 13.46.38.png

Edited by Paul_Wille
Link to comment

Thank you for your reply!

With the code, the swipe works, but the links are broken, I can't click on an element!

Maybe it's a problem with the link, it looks like there is a hide button that is linked, but I don't think the images are linked directly, any suggestions?

we want to launch the store on Monday, it would be great if we could find a solution. i have been racking my brain looking for a solution for a long time. i would be very grateful!

Paul

 

Link to comment

thanks and no problem, it's summer. we're still looking for a solution. temporarily we have now linked the text below, which is not optimal, because probably many people try to click on the picture. thanks already 🙂

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


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