Full-Width Row Enhancement

Make a Page Row take up the entire width of a browser window with the Full-Width Row Enhancement. Use this with Page Rows that contain a banner (an HTML Widget that contains an image) or slideshow (Content Slideshow Widget) that are located at the top of Page.

Note: The Full-Width Row Enhancement is available to all digital workplaces. Contact the Igloo Support Team if you experience any issues applying this style. 

Example of the Slideshow Content Widget in a Page Row that is using the Full-Width Row Enhancement

Considerations and caveats

Keep in mind the following when using the Full-Width Row Enhancement:  

• The Full-Width Row Enhancement works best with Page Rows that contain only a banner image in an HTML Widget, or the Content Slideshow Widget.
• Do not use the Full-Width Row Enhancement on a Page Row that contains multiple Widgets. 

How to create full-width rows

Apply the Full-Width Row Enhancement to a Page Row by giving it the fullwidth class. Refer to the article Applying custom CSS to Page Rows if you are unsure of how to apply CSS classes to a Page Row. You must publish the Page to have this enhancement take effect.