Pro editor & view layout different

Support
#1

Hi Recently upgraded to PRO 1.2.7 and enjoying the new V2 elements.

I have spent some time configuring content in edit mode within PRO and layout is great however when I view the content it is very different. Attached is a screenshot

Any guidance on how to align the edit and view layouts would be appreciated.

#2

Hi There,

Thank you for writing in! I did check your page and saw an unclosed <p> tag (https://prnt.sc/hjl19w), please address it. Also, there is an empty <p> tag on the card’s content, please remove those. Use CSS for styling.

Please double check your contents for any unclosed HTML tags, as those are the cause of malformed HTML markup on the front-end.

On other note; please update this extension (X – Smooth Scroll & X – Under Construction) to the latest version, to avoid potential incompatibility issues.

To update those extensions to latest version, follow these steps:

- Ensure your theme is validated so Extensions can be installed automatically
- Deactivate and delete the extensions.
- On the theme overview page, locate and install the "Extensions".
- Visit "Plugins" panel in your Dashboard to activate the newly installed version.

Because all of the plugin settings are stored in the database, and because version 2.x will migrate settings from older versions, its safe to use this method of deleting the previous version.

Remember to clear all caches (plugin, server-side, CDN, and browser’s cache) after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Hope it helps,
Cheers!

#3

Hi friech thankyou for your suggestions.

I have worked through tidying up html tags and updating plugins as suggested however the issue still exists.

Could you please advise next steps…

Regards
Jeff

#4

Hi

Here is another example of the differences between edit and view. Top margin appears as a gap in View mode however in edit mode there is no gap.

Appreciate your guidance to remove the inconsistency between the View and Edit modes of the pro theme.

Regards
Jeff

#5

Hi Jeff,

The theme doesn’t seem to be generating the css for your elements.

Can you try reinstalling your theme.

Reinstall Via FTP

  • Unzip pro.zip on your computer.
  • Rename the pro folder to pro-updating.
  • Connect to your server via FTP and navigate to your /wp-content/themes/ directory.
  • Drag and drop the pro-updating folder into your themes directory.
  • Upon completion, rename the previous pro folder to pro-previous.
  • Rename pro-updating to pro. Your site will now be at the latest version.
  • Delete the pro-previous folder.
  • Visit the WordPress dashboard at least once to ensure any migration logic can run (this happens behind the scenes).

Hope that helps.

#6

Hi Paul

Thankyou for the step by step instructions these really help.

I did reinstall theme however the same inconsistency exists.

Appreciate your guidance on next steps
Regards
Jeff

#7

Hi Jeff,

Try reseting your **.htaccess** file by renaming it to **.htaccess-bak**. Then in WP Admin Menu, go to **Settings > Permalinks** and just click the **Save Changes** button. If that does not work, I'm afraid that the issue is in with your WP installation itself (take a look at _Appearance > Themes > Editor_ it's broke). I had tested your Page template on my dev site and it works fine. I am afraid you need to reinstall your WordPress files. You can follow the Manual Update guide provided [here](https://codex.wordpress.org/Updating_WordPress#Manual_Update). Don't forget to backup your entire site first.

UPDATE: Upon further investigation, we found out that the reason why the (Content builder) generated CSS is not applying is because it was inside of the @media (max-width: 320px) block.

This was happening is because you inserted an invalid css. There was an unclosed @media (max-width: 320px) block which you added in the custom CSS of your custom header. This invalid CSS has affected the rest of the page.


I went ahead and fixed the code already. Please check your site and clear your cache.

Hope it helps,
Cheers!

#8

Hi Friech

Thankyou - I was not looking forward to a WP reinstall - appreciate you digging a little deeper.

I actually copied the CSS from a support post that fixed a card sizing issue. Anyway all good now again thank you for your assistance…

Regards
Jeff

#9

Glad that we could be of a help :slight_smile:

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.