Issue with weather widget in shopify

Ask the Community General Questions
1

Why does the weather widget get added to the left of the page in Shopify, and with a scroll bar?

2 Likes
3

Hi there, @M_J1 and welcome to the Community :waving_hand:

Could you please send me a link to the page, where the widget is installed? If it’s not published yet, please add a widget to a live test page and share it with me. I’ll be happy to look into this :slightly_smiling_face:

1 Like
4
1 Like
5

Hi, have you been able to take a look?

2 Likes
6

Hi there, @M_J1 :waving_hand:

Thank you for waiting!

We’ve aligned the widget to the center using this code in the Custom CSS field on the Style tab of your widget’s settings:

.global-styles,
.eapp-weather-weather-component {
  display: block !important;
  margin-inline: auto !important;
}

And this CSS code removed the scroll bar:

.eapp-weather-weather-info > :nth-child(2) > :first-child {
  overflow: visible !important;
}

image
image1919×983 52.2 KB


If you ever need any assistance, we’ll be delighted to help :wink:

1 Like