Better mobile integration

Ask the Community General Questions
1

I have the widget up on a website and when you go into mobile view the navigation buttons take up hella space and the picture itself is tiny. My client doesn’t even want to advertise the website because of how bad it looks.

3 Likes
3

Hi there, @Nipsu :wave:

I am genuinely sorry about this inconvenience!

Our devs will check if anything can be done and I’ll update once any news comes up :slightly_smiling_face:

4

Thank you for waiting!

The issue occurs because of the iframes used on Hostinger platform. Please try to replace your current installation with the new one:

<script src="https://custom-scripts.elfsightcdn.com/public-scripts/hostinger-and-go-daddy/install-widget.js" data-banner></script>
<div class="elfsight-app-WIDGET_ID"></div>

In the new code, do not forget to replace WIDGET_ID with the ID of your widget. Try it out and let me know how it worked :slightly_smiling_face:

5

Hey,

thanks for the code. I replaced it and put in the widget ID but all I get is an empty box on the website.

1 Like
6

Hi @Nipsu :wave:

I am so sorry about that!

I’ll discuss it with the devs and get back to you once they respond :slightly_smiling_face:

8

Hi there, @Nipsu :wave:

Thank you for waiting!

The size of the image depends on the widget’s width. If you set the width to 100%, the image will be larger:

image
image328×775 11.2 KB


To reduce the size of the navigation arrows on mobile, please use this code to the Custom CSS field on the Style tab of your widget’s settings:


@media (max-width: 500px) {
.eapp-photo-gallery-navigation-arrow {
  scale: 0.8;
} 
}

As for the issue when the pagination covered the part of the description on mobile, we’ve finally fixed it.

Please check it out and let me know if everything is fine now :slightly_smiling_face: