Sugarwod button in head section

[Bas Keller]

Hello,

Our Gym is working together wit Sugarwod. This app we want to integrate in our website.
Bij using the scrip in the header section:

<script>
window.sugarwod_options = {
id: “*********”,
color: “#fcb900”,
button: “no”
}
</script>

<script src=”//cdn.sugarwod.com/plugin/v1/sugarwod-plugin.js” async></script>

This works fine for me, i am an android user. But not for the people with a iPhone. The header pictures wont reload for them.

Can you have a look?
www.crossfithengelo.nl

[Forum Moderator]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

Regards,
Chris

[Bas Keller]

https://ibb.co/ysSwWx5

[Bas Keller]

The first one is with an iPhone and this one is with Android

https://ibb.co/zs2dvzv

[Bas Keller]

The pictures on the iPhone, keeps on loading and loading.

[Forum Moderator]

Hi,

We checked, This is working fine.

Have a look at:
https://ibb.co/CvsGBzZ

Regards,
Chris

[Bas Keller]

Hello Chris,

That is because I did turn off the feature.
I Will turn it back on.
Please have another look.

Yours Sincerely
Bas Keller

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.slider-main .nivo-caption {
    display: block !important;
}
.theme-default .nivoSlider img {
    display: block !important;
}
}

Regards,
Chris

[Bas Keller]

Well, that worked a little bit. The White block is gone and half a woman is visible. Tja is half the picture. The slider is not working.

Yours Sincerely,
Bas Keller

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.nivoSlider {
    min-height: 240px !important;
}
}

Regards,
Chris

[Bas Keller]

https://ibb.co/kygYYNg
https://ibb.co/pJgPzwY
On the iPhone the picure is now ok. But, the slider does not work en their is no tekst on the foto

Yours Sincerely,
Bas keller

[Forum Moderator]

Hi,

Kindly use this CSS.

@media screen and (max-width:479px) {
.slider-main .nivo-caption, .slider-main .nivo-caption .title, .slider-main .nivo-caption .slidedesc { display:block !important}
}

Hope this help you.

Regards,
Chris

[Bas Keller]

Hi,

Still no slider and no tekst.

Regards,
Bas

[Forum Moderator]

Hi,

Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We’ll check and revert back to you.

Regards,
Chris

[Forum Moderator]

Hi,

Slider is working fine in iPhone.

See screenshot:
https://ibb.co/8NdMNtB

Regards,
Chris

[Author]

Posts