Issue with Align by Height setting in Safari

Ask the Community General Questions
1

Hi there, I’ve just found this thread. I have toggled this setting on which is working as expected in Chrome but not in Safari. Can you help please?

Safari version 16.6 (18615.3.12.11.2)

OS Ventura 13.6.7

1 Like
2

Hello @user16327
I’ll check your site quickly. I’ll give you an update right away!
If I can help.

1 Like
3

Do you mean these reviews? :slight_smile:

Bild_2024-10-16_145015106
Bild_2024-10-16_1450151061829×577 45 KB

1 Like
4

Hi there, @user16327, @Maxim_smith :wave:

I’ve already passed this request to the devs. I’ll get back here once I have their response :slightly_smiling_face:

5

Hi Maxim,

Yes that’s right. Looks great on Chrome but not on safari. Not checked any other browsers as of yet as not got to the testing part of the website build.

Many thanks for any help you can offer
Helena

6

Hey @user16327 ! :blush:
I check the page quickly on my iPhone! :slight_smile:
I will update you in a few minutes.:+1:

1 Like
7

This Align Cards by Height setting doesn’t work on mobile devices and as far as I understood, the issue occurs on desktop with OS Ventura 13.6.7.

Our devs will look into this and I’ll update you here :slightly_smiling_face:

1 Like
8

Hi,

I’ve got a separate widget which is being used on the mobile version of the homepage so that’s not an issue.

It’s just the desktop on safari

Many thanks
Helena

1 Like
9

Im Back! @user16327 !
I got a Update! It can be that many Phones dont Support the widget right. If that makes sense.
Anyways. The widget works well on my iPhone!:+1:

10

Hi, I’m not looking at it on mobile. As I said I have a different widget for the mobile version of the website so that is not a problem.

On desktop on safari is the problem. Can you check again please?

Screen Shot Attached.

Many thanks
Helena

Screenshot 2024-10-16 at 14.52.12.png
Screenshot 2024-10-16 at 14.52.12.png1280×863 129 KB

11

Of Course @user16327! :grin:
I checked on my macbook again. its still this… Can you please describe again what the problem is? Sorry! :disappointed:
Oh Yea! @Max said “I’ve already passed this request to the devs. I’ll get back here once I have their response :slightly_smiling_face:” Before! he will update you soon! :sweat_smile:

Bild_2024-10-16_145015106
Bild_2024-10-16_1450151061829×577 45 KB

12

Hi sorry can’t quite follow what you have said. Are you looking at it on Safari on your macbook? I did attach a screenshot so that should show the issue. Basically the align by height setting is not working in Safari. I gave you the OS and version of Safari earlier. Will wait to hear.

1 Like
14

@user16327 Our devs managed to identify the issue.

They’ll look into this further, and I’ll update you once the issue is fixed :slightly_smiling_face:

1 Like
15

Hey @user16327 ! :smiley:
I use safari on my MacBook!

16

Right @Max !

17

Hi @user16327 :wave:

Thank you for waiting!

We’ve fixed the issue by adding this code to the Custom CSS field on the Style tab of your widget’s settings:

.swiper-slide {
  display: flex !important;
}

Please check your website and let me know if it’s fine now :slightly_smiling_face:

18

Yes that seems to have fixed it thanks very much :slightly_smiling_face:

1 Like
19

Great! If anything else comes, we are always here to help :slightly_smiling_face:

By the way, we’d like to invite you to join our new challenge. This time, you should create a slogan for Elfsight to win a 6-month extension to your subscription.

Check the details and join in: October Challenge: Create Slogan for Elfsight and Win 6 Free Months! (+2 weeks guaranteed)

We’ll be super happy to see you as a participant :wink: