Change widget's width

CSS Codes Store Locator
1

Add this code to the Custom CSS field on the Style tab of your Store Locator widget’s settings:

.global-styles,
[class*="widget__Container-sc"] {
width: 600px !important;
}
2

Hey @Max !
This is great but it’s not responsive. Without this css code, the widget is nicely responsive to the screen being minimized. But once this code is added, it removes responsiveness. Any suggestions?

My goal is to bring the width size down a bit. It’s currently almost full screen and I’d prefer it to be a bit smaller so it’s a bit more user friendly…and centered. This is what I have:

.global-styles,
[class*=“widget__Container-sc”] {
width: 1500px !important;
margin: 0 auto;
}

Thanks!

1 Like
3

Hi there, @Carrie_at_Halo :waving_hand:

Got you! Please try to use this CSS code instead and let me know if you like the result :slightly_smiling_face:

.global-styles,
[class*="widget__Container-sc"] {
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;   
}
1 Like