How to change Store Locator height on mobile and tablet

Please help me with a code to change the highest of the widget to be suitable with Tablet and so on.

2 Likes

Hi there, @Shaymaa_Alshenqiti :waving_hand:

Do I get it right that you just need a code to set a specific widget height for tablets?

1 Like

Yes, please!
and mobile also, because the highest in both of them is different than that in the desktop.

2 Likes

This code should help you:

/* widget height on TABLET */
[class*="widget__Container-sc"]:has([class*="tablet-layout__Container-sc"]) {
  height: 600px !important;
}

/* widget height on MOBILE */
[class*="widget__Container-sc"]:has([class*="mobile-layout__Container-sc"]) {
  height: 400px !important;
}

Please add it to the Custom CSS field on the Style tab of your widget’s settings and let me know if it worked :wink:

3 Likes

Thanks very much Max :leaf_fluttering_in_wind:

2 Likes