How can I modify the size variant pop-up in Impulse theme?

Store Design
1

Hi, my site is https://luxurymrkt.com

I’m looking to change the box when you select a size to either same as it is but white background

Or I really prefer it opens at the bottom of page like this for Mobile only*

Luxurymrkt_0-1666127028038.png
Luxurymrkt_0-1666127028038.png185×400 15 KB

2

This is PageFly - Free Landing Page Builder.

To make it open at the bottom like this, this related a lot to devices and OS. Not all mobile devices support this. So i suggest you increase the font size for the variant select - that will increase the size of the variant popup

Here’s the code for increase size, you can add it in your theme.css

@media (max-width: 767px){
.variant-input-wrap select, .variant-input-wrap select option  {
font-size: 20px !important;
}
}

Hope this can help you solve the issue

Best regards,

PageFly

3

Hi @Luxurymrkt ,

You can do that by adding this code in your theme.css.liquid file in Online store > Themes > Actions > Edit code > Assets

@media (min-width: 768px){
.product-single__meta .variant-wrapper { width: auto !important; }
}
4

Doesn’t do anything but thank you

5

Didn’t help. Only make variant size bigger

looking to open at bottom

6

Any way to fix?

7

To make it open at the bottom, this related a lot to devices and OS. Not all mobile devices support this. So i suggest you increase the font size for the variant select - that will increase the size of the variant popup