Resize function for different breakpoints

Wishlist Popup
1

It would be great if you could change the width of the pop up for each breakpoint. At the moment it is the same on the desktop, tablet and mobile.

2 Likes
2

Hi there, @GrahamBedbrook :waving_hand:

Nice suggestion! We’ll try to consider it as an option in the settings, especially if more users upvote this idea :slightly_smiling_face:

As for now, you can change the width of the widget based on the device using this code in the Custom CSS field on the Settings tab of your widget’s settings:

Mobile devices

@media (max-width: 500px) {
[class*="WidgetBackground__Container-sc"] {
  width: 80% !important;
}
}

Tablets

@media (min-width: 501px) and (max-width: 1024px) {
    [class*="WidgetBackground__Container-sc"] {
        width: 65% !important;
    }
}
2 Likes