Okay
  Public Ticket #2776775
jQuery Mobile compatibility issues with Salient Theme
Closed

Comments

  • Shefali Pandey started the conversation
    May 14, 2021 at 12:23pm

    Hi there,

    We are facing a compatibility issue with jQuery mobile version below.

    jquery.mobile-1.4.5.min.js

    This is happening on our homepage on mobile. When flipping from the first video module to the next.

    Screenshot of the issue attached.

    To replicate, go to: http://florafountaindigital.com/2021/lifecampus/ 

    on a mobile device and scroll down. 

    The "loading" text will appear in huge fonts in place of the second module. 


    Will appreciate your help as we are trying to go live with this over the weekend.

    Thanks, 

    - Shefali.


  •  1,885
    Judith replied
    May 14, 2021 at 12:41pm

    Hi Shefali,

    Thanks for keeping in touch.

    Please contact the plugin support team for further assistance.

    Thanks.

  • Shefali Pandey replied
    May 14, 2021 at 12:43pm

    How do I contact the plugin support team?

  •  1,885
    Judith replied
    May 14, 2021 at 12:53pm

    Hi Shefali,

    You can search their page as we do not support issues with third party plugins.

    Thanks.

  • Shefali Pandey replied
    May 14, 2021 at 12:56pm

    Hi Judith, 

    This is not a plugin. It is a JavaScript library used in the theme. We have upgraded the library to the latest version and the theme is not compatible with this latest version. I am sure other users will have this same issue soon. Would appreciate help as we purchased this theme with a lot of trust in the abilities of the team that has created it.


    Thanks, 

    - Shefali

  •  1,885
    Judith replied
    May 14, 2021 at 1:29pm

    Hi Shefali,

    Please allow me to escalate this to the developer to assist further.

    Thanks.

  • Shefali Pandey replied
    May 15, 2021 at 4:23am

    Hi Judith, 

    Waiting for a response. We are planning to take this live over the weekend, any help you can do with this will be much appreciated.


    Thanks, 

    - Shefali.

  •  1,079
    ThemeNectar replied
    May 15, 2021 at 6:55pm

    Hey Shefali,

    jQuery Mobile changes the markup on the page, so in order to get it to work with the box roll header effect, some custom CSS would be required.

    Add this into the custom CSS box in the Salient options panel > general settings > CSS script related tab:

    body.home > div[data-role="page"] {
  height: 100%;
}

    Kind regards,

  • Shefali Pandey replied
    May 17, 2021 at 7:12am

    Hi, thank you for sharing the fix. We tried applying this and now see  "Loading" text in big fonts, right below the page. Screenshot attached. 

    To replicate, just go to http://florafountaindigital.com/2021/lifecampus/ on mobile

    and scroll all the way to the bottom. You will the issue right below the footer.

  •  1,079
    ThemeNectar replied
    May 17, 2021 at 6:37pm

    Hey Shefali,

    You can remove that with the following CSS:

    body > .ui-loader {
  display: none;
}

    Kind regards,