Responsive Cart width

Backlight 4, 5 & 6 Support
#1

Hi all,

can someone please tell me how to get more width in the cart dialogue where you can choose the product!?
On iPhone it seems quite small. Could be 10% wider.

Thanks and cheers
Elmar

#2

no one?

#3

These two rules in the css seems to be what controls the width:
image

You could try changing the min-width in the first rule by adding this to your custom css and changing the min-width amount :

@media screen and (max-width: 800px) {
  .fancybox-slide--html > * {
      min-width: 400px;
}
}

I don’t know what effect that might have on other fancybox elements on your site. If it does, you should be able to target the css to the specific album template using the .album-template-id-xx body class.

#4

Works :slight_smile: Thank you so much Rod!!!

What about the image that is displayed on top. How could I reduce the size? …sorry not that deep into css :frowning:

#5

Well, seems like I am better than thought :slight_smile: This is what made the image appear 50%

.cart-thumbnail img {
width: 50%;
height: auto;
display: block;
object-fit: cover; /* Bild zuschneiden, um Container zu füllen */
}