Button cannot be pressed on mobile after update

[vividground]

Hi after the newest update the button cannot be pressed on mbile devices to open up modals

to replicate please try to click order now on an ios device

[All click triggers to a modal have stopped working]

[charlie]

Try the following code. I’ll have to see if we can listen to both events on our end. Wasn’t expecting click() through jQuery. I’ll keep you updated.

jQuery ( document ).on ('click', '.blob', ( e ) =>
{
  e.preventDefault();

  const toggleId = jQuery('#my-content-area-1-anchor-toggle')[0].getAttribute("data-x-toggleable");

  window.xToggleUpdate(toggleId, true);
} );

[vividground]

okay this makes it work thanks! But i think it made the desktop version messy

on the home page “got questions” button

[charlie]

Adding a timeout fixed that area. You’re attaching to the document too, it’s a little cleaner to attach to the actual element like this too.

jQuery(".open-modal-button").on('click', function(e) {
  e.preventDefault();
 const toggleId = jQuery('#my-content-area-1-anchor-toggle')[0].getAttribute("data-x-toggleable");
 setTimeout(function() { window.xToggleUpdate(toggleId, true); }, 25);
}); 

[vividground]

1. for simplicity sake i removed this all together from the home page and just hyperlinked it to the support page but now this author element is not clickable on mobile devices [ios] but works on desktop

[vividground]

any updates on the unclickable author element on mobile devices?

[ruenel]

Hello @vividground,

Which page we can find this Author element? Is this in your blog index?

You cannot click it because the whole column is already a link and you cannot nest a link inside a link. You may need to reconstruct the elements and place the Author element outside of the column link. For example:

Section 
   Row
      Column
         Div - Wrap Link
            Figure 
            Article
         Author element - with link

      Column
         Div - Wrap Link
            Figure 
            Article
         Author element - with link

      Column
         Div - Wrap Link
            Figure 
            Article
         Author element - with link

Hope this helps.

[vividground]

Hi,

No, on the bottom of the homepage where it says “Got Questions” it can be ppressed on mobile devices.

[ruenel]

Hello @vividground,

You have two Row elements in that section. The first Row element is intended to be displayed on medium and large screens. The image on the first row has a link. The 2nd Row on the other hand displays for the small screens. The image on this row does NOT have a link

You will have to edit the page and make sure that your image has a link.

Best Regards.