Site.pro
  • Website Builder
    • Website Builder
    • Prices
    • Website Import
    • Online Stores
    • Plugins
    • Collaboration
    • Templates
    • Languages
    • Affiliate Program
    • Examples
    • AI Website Builder
    • For Design Studios
    • We Build for You
  • Domains
  • Email
  • Learn
    • Tutorials
    • Blog
    • FAQ
    • Growth Hacking
    • For Hostings
    • Domainity
    • For Education
  • For Resellers
    • Prices
    • White Label
    • Revenue Share
    • Panels
    • How it Works
    • Mass Import
    • Our Partners
    • Reselling Examples
    • Marketing Materials
    • Documentation
    • Free Websites
  • Website Builder
    • Website BuilderEverybody can easily create a website, landing page, or e-commerce store.
    • PricesSite.pro Prices: Templates 200+, Websites, Basic Builder Functions, Online Stores
    • Website ImportTransfer your existing website from anywhere to Site.pro website builder
    • Online StoresSell your goods or services anywhere on the website
    • PluginsMany functions and plugins depending on geographical preferences
    • CollaborationCollaborative Website Builder, Create a website with teammates in real-time in one space
    • Templates
    • Languages
    • Affiliate Program
    • Examples
    • AI Website Builder
    • For Design Studios
    • We Build for You
  • Domains
  • Email
  • Learn
    • TutorialsVideos for Beginners
    • BlogWebsite Builder Lifehacks:Shared hosting tips. Web Design, Marketing
    • FAQHelp center. Payment Issues. Basic Tutorial. Quick search.
    • Growth HackingBoost your sales. Strategy
    • For HostingsEducation. Generate more website builder sales
    • DomainityDomainity: Domain quantity per 1000 people
    • For EducationFree Website Builder for Online and Offline Classrooms
  • For ResellersWhite Label
    • PricesStart reselling. Pay for live websites. Free Websites
    • White LabelThe most popular white label tool is ideal for reselling
    • Revenue ShareWebsite Builder: Provide free website builder and earn 50% commissions
    • PanelsOne product for all platforms. Download plugin for your panel
    • How it WorksCloud or On-Premises. Recommendations for Builder Server
    • Marketing MaterialsVideo. Mockups. Website Blocks. Marketing Materials.
    • Mass Import
    • Our Partners
    • Reselling Examples
    • Documentation
    • Free Websites
  • inputRegister

    Register

    (Buy Domain, Create email)
    (For Hosting Companies)
    By registering, you accept our Terms of Service
    Number of Customers: 1-100
    Number of Customers: 1-100
  • Log in

    Log in

    New user? Create account
    Forgot password?
  • $
  • English
Please use keywords in English only.
Account & Billing (34)Mixpanel (2)License (24)Managing Website (12)Domains: Purchasing (15)Domains: Connecting (26)Mailboxes (26)Brand: Cloud (5)Brand: On-Premises (14)Installation: Builder (10)Installation: Builder Plugin (5)Hosting/Billing panels: cPanel (9)Hosting/Billing panels: DirectAdmin (7)Hosting/Billing panels: ISPmanager (4)Hosting/Billing panels: Plesk (7)Hosting/Billing panels: Webuzo (2)Hosting/Billing panels: WHMCS (5)Website Builder: Plugins (5)Website Builder: Website creation (52)Website Builder: Pictures (11)Website Builder: Media (15)Website Builder: Additional (8)Website Builder: Text (14)Website Builder: Import (5)Website Builder: SEO (21)Website Builder: Social (13)Website Builder: Commerce (80)Website Builder: Maps (12)Website Builder: Forms (6)Website Builder: Advanced (18)Website Builder: Errors (21)Web Design Studio (3)Affiliate Program (7)Education (8)
Filter
All (506) For Hosting Companies (396) For Website Owners (376)
FAQ
›
Website Builder: Errors
Website looks different in website builder and in browser
For Hosting Companies

Website looks different in website builder and in browser

If styles/images are not loaded:

  1. If you have some custom files, except for files that are published from website builder in your hosting web root folder, then make sure that your files do not intersect with generated files. The intersection can be caused by equal file names in web root folder and "sitepro" folder. For example, the website may not work properly if both files exist: [web-root]/js/main.js and [web-root]/sitepro/js/main.js. In this case you need to rename or move to another folder all equal files like [web-root]/js/main.js.
    The same issue can appear with folders. For example, if you have a page on website with URL "Contacts" (http://mywebsite.com/Contacts/), then the page will not work if you also have folder "Contacts" in website root folder.
  2. If website is running on Apache server, then make sure that Apache module "mod_rewrite" is enabled for website host. Without this module, website may look completely messed up — with no images and styles loaded.
  3. Please open file ".htaccess" located in web root folder of your website. Delete (or comment) all the content (if any) between lines "#### PERSISTENT CONTENT ####" and "#### PERSISTENT CONTENT END ####". After that reload website in browser and check whether the problem was resolved.

Other reasons:

  • Make sure that you are looking at the same version in website builder website and published website — i.e., maybe you see "Desktop" version in website builder and "Wide" version in published website. Try resizing browser window with published website to see how it is changed (if other modes are enabled in website builder).

People also found this article using these queries:

  • Element present in the builder but missing on the live website
  • The image visible in preview goes missing in the published version
  • Website different in browser
  • Images are not loading
  • The website shifted to the left
  • Preview mode does not load images
  • Text missing in live website
  • Why my website differs when previewing?
  • The page looks different even after publishing
  • My website is not displayed correctly in preview mode
  • Website contents differ between the builder and the live version
  • Website looks fine in builder but not in publish
  • Site updated but changes not visible
  • Published site looks different from the preview one
  • Why is there a difference between published website and the one visible in builder?
  • The website shifted to the right
  • Live website different from website builder
  • Why is the page empty in preview mode?
  • Styles are not loading
  • Overlapped elements do not overlap in live website
© Site.pro 2011. Website Builder. United States.
Contact SalesTerms of Service