template shortcode not showing on mobile

Hello! I’ve never encountered this particular issue. Could you give me a bit more info about your theme and how you’re adding content to the page (a page builder, Gutenberg, classic editor etc.), as well as the content of your template? Any additional details you can provide will be very helpful!

Thanks,
Julia @ Team Tangible

• This reply was modified 1 year, 12 months ago by Julia Canzani.

Sure – I am using Elementor. The template shortcode I placed in an Elementor custom html widget.

The template is this:

<Loop type=Insights orderby=date order=desc paged=1>
  
  <div class="insights-latest">
     <div class="insights-image"><Field image /></div>
     <h2><Field title /></h2>
     <Field content />
  </div>
</Loop>

Hello! We’ve tried to replicate the issue but haven’t been able to. If there are any other details you feel may be relevant feel free to share them (WP version, your theme, L&L version). In the meantime, could you try the following?

• Place the template shortcode on a new page, (this will help rule out any Elementor responsive visibility settings or anything else specific to your layout settings)
• Place the template in a page or post without using Elementor
• Place the template with the Tangible Template widget instead

The more context you can give us, the easier it is for us to find the problem! ?? Thanks!

Julia @ Team Tangible

Thanks for your suggestions.

Though troubleshooting, I discovered that using the Tangible Widget was the problem in Elementor.

Using the Tangible block in Gutenberg was ok.

And using the template shortcode in Elementor was also ok.

So perhaps there are some incompatibilities with the Tangible Widget in Elementor – ie is disappears on an actual mobile device (not when narrowing the browser on desktop)

• This reply was modified 1 year, 11 months ago by wprun.
• This reply was modified 1 year, 11 months ago by wprun.

Thanks for the additional details! What browser/device were you using?

Safari on iphone and chrome on android (I tested both).

Hello, so far I haven’t been able to recreate the issue on my end using Elementor, Tangible Template widget, and a mobile device running Android and Firefox. The content is showing as it is in a desktop browser.

But the newest version 3.2.1 of the L&L plugin does include an improvement in how the Template widget integrates with Elementor – specifically with the builder preview, but it may have something to do with this issue. Could you try and see if it’s solved in this version?

If not, it sounds like there could be some section or element setting related to responsive layout or mobile devices, such as Visibility Controls, Hide/Show Conditions, or Responsive -> Hide on Mobile.