Huge differences between tagdiv preview and actual visiting the site from tablet

Hi TagDiv team,

Please review the attached image (open in new window if it does not load in here).

There is a big difference between what the TagDiv’s preview promises the page will look like, and what the actual page looks like, on actual tablet devices. The tablet covering the laptop’s keyboard is a Sony Xperia, but the same issue has also been reported on iPads. In a nutshell, TagDiv’s preview appears to be nice, while the actual end result is a broken page. If we can’t see what we are really getting, then it is extremely difficult for us to troubleshoot and fix the issues.

Please review and advise.

Kind regards.

• This topic was modified 5 years by Redlemon.
• This topic was modified 5 years by Redlemon.

Hi Vlad,

The link is finupnews.gr

We managed to discover that simply choosing to edit the tablet preview was not sufficient. Since we had applied separate MOBILE PAGE settings, we noticed that the tablets were inheriting those settings. Unfortunately, any extra content that on mobile is rendered vertically, on tablets was appended to the right hand side, due to the greater device screen width.

Then, while editing the MOBILE PAGE we realized that the tablet tab inside the mobile page editor controls what the tablet looks like IF there are any mobile page settings set. Clicking that and tinkering with the various options per row, column, and element we were able to address some, but not all, of the aforementioned issues. But it’s a good start.

The difference in the functionality between the two is not clear enough, hence the confusion!

One persisting issue we are facing now, though, is the following: When the default content ends in the TagDiv Editor, it appears like it is being repeated all over. However, none of it is displayed on the actual page when viewed as a normal visitor. The footer, however, differs from the default one on the actual page, while in the TagDiv Composer is nowhere to be found. To experience what is described above, please try visiting the link I shared, and ispecting the footer from within Chrome’s DevTools (as if it was a mobile device). Compare that to the footer of the link when viewed from the browser of a physical mobile device. The virtual version appears to have a blue background color, while the physical device renders it in black. The structure of the footer also differs between the two.

Please review and advise.

Thank you.

• This reply was modified 5 years by Redlemon.
• This reply was modified 5 years by Redlemon.
• This reply was modified 5 years by Redlemon.

Hi Vlad,

Thanks for touching base. We managed to address those issues as well in the meantime, but thanks for the suggestion.

Thanks again for your input, and kind regards.

Edit (for other people who may be facing similar issues): We found out the footer and headers were overridden by the mobile pages created through the tag div composer (left hand side panel, top options). Once a mobile page is created, settings for those should be set separately through the cloud templates, and applied to those as well. At least that’s what did the trick in our case.

• This reply was modified 5 years by Redlemon.