This is probably one of Morph's most powerful features, as it gives you fine grained control for each and every page on your site. Set the width, position and relation of the left and right sidebar to each other, not just globally but on any page.

PageFX is super easy to use, just like all other FX Range features. There is nothing to configure, you simply add the required suffix or combination of suffixes to the page in Joomla!... as easy as that.

Every page can be completely different - you can for example quickly switch the left sidebar from 200px to 300px wide in a matter of seconds, without touching any code. You have a total of 8 left ("outer") and 5 right ("inner") sidebar width and position variations available. Combine these options with each other and you have dozens of layout combinations on any page, so each page can be different.

Make sure you also use Configurator to set the main website width based on the 4 preset options (750px, 950px, 974px and 100%). To get a better idea of how all the layouts works, view the interactive

In case you are new to Joomla!, adding a page class suffix is done by opening the menu item to which you are wanting to add the suffix to (Menus > [Choose a menu] > [Click on a menu item]), then look on the right for the Parameters (System) accordion. The option you are looking for is "Page Class Suffix". Just add one of the suffixes listed below & save.

Outer Sidebar

The outer layout refers to the width and position of your secondary content, whereas the inner layout refers to the width and position of your tertiary content.

  • outer1 - 160px sidebar on the left.
  • outer2 - 180px sidebar on the left.
  • outer3 - 300px sidebar on the left.
  • outer4 - 180px sidebar on the right.
  • outer5 - 240px sidebar on the right.
  • outer6 - 300px sidebar on the right.
  • outer7 - Not available, as it is handled dynamically by Joomla.
  • outer8 - 200px sidebar on the left (custom).
  • outer9 - 200px sidebar on the right (custom).

Inner Sidebar

The outer layout refers to the width and position of your secondary content, whereas the inner layout refers to the width and position of your tertiary content.

  • inner1 - 50/50 Split
  • inner2 - 66/33 Split
  • inner3 - 33/66 Split - Not Recommended.
  • inner4 - 75/25 Split.
  • inner5 - 25/75 Split - Not Recommended.