Icon boxes on iPad and mobile

[emilnau]

Hi,

My client is having some problems with iPad and mobile devices on their website I’ve built with Joyn.

First page on http://www.mindconnect.se has four flipable icon boxes with text on the backside.
1. If you click them on a mobile device they stay “turned” and never goes back.
2. Also, on iPad; not all the text is shown, it doesn’t fit the box and gets cut.

Can you please have a look at these issues.
Thank you!

[emilnau]

Update! Another issue:

3. On the page About us (english) / Om oss (swedish) there is a textbox with three tabs. The third one lacks a line and doesn’t fit the text on mobile devices. See attached image. Whats wrong here?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

It seems an issue with the theme, will forward to the development team.
Regarding the tabs issue, would you prefer each tab item goes 100% of the screen?

-Rui

[emilnau]

Ok, please kkep me posted about the first two issues.

About the third one: Yes, it would be better if each item goes 100% width. Only on mobile/tablets that is. But my main concern is that the third box is missing the line to the left and that the text doesn’t fit the box. If these issues could be fixed I would be satisfied.

[Kyle – SUPPORT]

Hi

For the tabs add this to your custom css:

@media only screen and (max-width: 480px) { 
.nav-tabs > li {
  width: 100%;
}
.spb_tabs .nav-tabs li a {
  border-left-width: 2px!important;
}
}

– Kyle

[emilnau]

Thanks! Worked like a charm

[Kyle – SUPPORT]

No problem

[emilnau]

Heard anything from the developing team?
Regarding:

First page on http://www.mindconnect.se has four flipable icon boxes with text on the backside.
1. If you click them on a mobile device they stay “turned” and never goes back.
2. Also, on iPad; not all the text is shown, it doesn’t fit the box and gets cut.

[Rui Guerreiro – SUPPORT]

This reply has been marked as private.