[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

Magento Troubleshooter. Layout of About us page is broken

This tutorial shows how make About us page appear properly if its layout is broken.

Magento Troubleshooter. Layout of About us page is broken

Usually, layout of about us page breaks when the URL Key of About us page is changed. By default, About us page has the following URL Key :

about-magento-demo-store

  1. In our case URL key was changed to about-store:

    Magento Troubleshooter. Layout of About us page is broken-1

  2. Go to CMS-Pages. Copy URL Key of About us page:

    Magento Troubleshooter. Layout of About us page is broken-2

  3. Open skin\frontend\default\themeXXX\css\styles.css file in the editor, where XXX are actual theme numbers.
  4. In our case URL Key is about-store. Replace all instances of .cms-about-magento-demo-store with .cms-about-store (specify your own URL Key instead of about-store):

    Magento Troubleshooter. Layout of About us page is broken-3

  5. Save changes and upload the modified file. Clear Magento and browser cache and refresh the page. Now About Us page has correct layout:

    Magento Troubleshooter. Layout of About us page is broken-4

Feel free to check the detailed video tutorial below:

Magento Troubleshooter. Layout of About us page is broken