Okay
  Public Ticket #1893292
Mobile Error
Closed

Comments

  • Erin started the conversation

    We used your theme to create a website for our client. On the Mobile version, the stacking is overlapping and the boxes that are supposed to flip in the theme do once in a while, but I have no clue how I'm making them flip. Can you instruct? I tried to see how the actual theme works on Mobile through ThemeForest but the LivePreview page for Arden theme ends up in error. 

    Thanks,

    Erin

    Attached files:  IMG_8914.PNG
      IMG_8913.PNG

  •  806
    Linh replied

    Hi,

    You can use this quick css code to fix that display problem on mobile screen:

    @media (max-width: 768px) {.section-our-services-odd .item > .vc_column-inner > .wpb_wrapper .tm-rotate-box .content-wrap { padding-right: 20px !important; padding-left: 20px !important; }}

    Best regards

  • Erin replied

    My developer said this code didn't work and also not addressed was the "flipping" of the boxes on mobile. She provided a video:

    https://www.screencast.com/t/Zrs4STOvYoyf

    For mobile, it would be difficult as a user to know they should click to receive additional information on the back side of the box. And they probably will not be able to figure out that to turn the box over, they should click the image above. 

    That being said, is it possible to have some sort of arrows or dots so the user knows they can rotate through to another screen? (similar to the photos) OR - some way where we could add a clickable link that says whatever we want (Click for Pricing) where they could click and it would flip? Then you would need a link on the opposite side that says "Back" or something similar. 

    Please let me know what you can do to fix this.

    Thanks,
    Erin

  •  806
    Linh replied

    Hello

    Unfortunately, on the mobile screen, you should click on other block to turn current block back to the first content.

    Thank for your understanding. 

  • Erin replied

    On iOS devices (tablet, phone) when you click, nothing happens at all. It doesn't flip from front to back OR back to front. It doesn't flip at all. However, it does seem to work on Android. Can you fix this bug?

  • Erin replied

    BUT - When I view the demo of the flip boxes on my iOS device, it works. So why doesn't mine work?

  •  806
    Linh replied

    Hello

    Our demo site is using new theme version 1.9.8 and your site is using v1.9.7.

    Please try to update your system to latest theme/plugins then check it again.

    Don't forget back up your site if you have any customize code before update.

    Thanks