# The page's style is broken

### Overview

Summary:

This article explains what it means when a PageFly page’s style is “**broken**” and how to fix it. A broken style means the page’s layout (such as margins, padding, size, or fonts) appears chaotic in live view compared to how it looks in the editor.

![](/files/4z5oapl9qRYtwvO5DhZA)

### Requirement

* Published Theme: Ensure that your Shopify store’s theme is published. Unpublished themes can prevent PageFly’s code from executing properly.

### How to publish PageFly page to fix Page’s Style Broken?

Quickly fix your Page Style’s Broken by publishing your page:

![](/files/mwErd9F17c7IFol3bRFG)

### Use Cases

* New Installation: If you’ve just installed PageFly, created a page, and noticed the layout looks messy or disorganized in the live view, it’s likely because the necessary code hasn’t fully loaded into the store’s theme yet.
* Theme Switching: If you’ve recently changed your Shopify store’s theme, PageFly pages might lose their proper styling. This happens because the new theme hasn’t fully integrated PageFly’s code, leading to layout issues. You can check for PageFly compatible status with your theme [here](https://help.pagefly.io/manual/switch-theme-process-in-pagefly/).

### Frequently Asked Questions

**1. What if publishing the page doesn’t fix the issue?** If re-publishing the page doesn’t resolve the styling issue, contact PageFly support by clicking [here](https://help.pagefly.io/manual/how-can-i-access-the-pagefly-live-chat/) for further assistance. They can help ensure the necessary code is executed correctly within your store’s theme.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.pagefly.io/faq-and-troubleshooting/troubleshooting/live-site-issue/why-the-pages-style-is-broken.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.