Why is my page showing differently on preview?

Why is my page showing differently on preview?

There are several cases where this can happen.

1. Some elements in Tapita only show their true form on preview/publish
Some elements in Tapita only show dummy data during page building. Only after you’ve previewed/published your page, will they show their true form.
These elements include: YouTube Video, HTML Video, Instagram Feed, Custom HTML, Products Scrolling, Product Grid.

2. Your Shopify theme style is overriding your Tapita page’s style
In some cases, your Shopify theme will have specific styling definitions that may replace your page styling.
For example, in Tapita you’ve set the style of the heading H1 to be 30px, bold, all caps. However, your Shopify theme defines H1 style to be 24px, bold. In this case, if your Shopify theme overrides your page style, your H1 will have the style that your theme defines.
To solve this, open Inspect Element in your browser to see which style is being applied for a specific element. Or you can contact us and our support team will help you fix the issue.

3. Your browser is the problem
If you see a blank page, your browser might be the cause of the issue. Try using a different browser to see if it solves the problem.
    • Related Articles

    • How to add a Google Maps box into your page

      This tutorial will show you how to add a Google Maps box into your page like in this template: https://pwacart.com/a/tapita/preview/pages/maskedId/1sSFkeZCoaCxXFVJxeeOV1639043382 Embed from maps.ie First, add a Custom HTML element into your page. ...
    • 4. Learn about Tapita page builder Sections and Elements

      z age Sections and Elements are an essential part of a page builder tool like Tapita. Once you've mastered the sections and elements, then you've mastered Tapita! You can learn more about Tapita Sections and Elements relationship and management. Some ...
    • How to create a landing page that converts

      A landing page, often known as LP, is quite likely to be the very first "actual" encounter a visitor has with you, regardless of whether they arrive there via your homepage, a link from an advertising, or the outcome of a popular search phrase. Your ...
    • How to add Klaviyo/Mailchimp/Omnisend embedded form into your page

      Klaviyo You must have Klaviyo app already installed in your store Step 1: Enable the Klaviyo app embed in Shopify From your Shopify admin, under Sales Channels click Online Store to open the dropdown. Select Themes.  Find your current theme and ...
    • Free page build service requirements

      1. Page build Criteria We can create the customer's page in: A sample page they own Their existing Shopify page Their graphic design Applied to Professional Plan ($59) - 5 pages 2. The Process Collect requests & Contact Review & Negotiate Build & ...