How to make a full width or full screen row with Essential Grid

Hello,
I’m trying to set up one-page navigation with a highly visual front page. According to @Lely in this thread, the bundled Essential Grid plugin is the best way to do this. I have the plugin installed and am successfully making grids, but i’m having trouble making a single-item grid that is full-width or full-screen. Here are the steps i followed:

  1. created a new grid from Page
  2. selected “Fullwidth” in the Grid Settings (also tried “Fullscreen”)
  3. assigned the grid to a section in my front page

My problem is that my grid appears small (not full width) and all the way on the left of the browser window (see below). How do i get this single grid to be full-width and centered?

Hello There,

Thanks for writing in and the very detailed post information. To resolve your issue, please edit the page and changed the page template. You can make use of the Blank - No Container | Header, Footer page template. To know more about the different page templates in X/Pro theme, please check out this knowledge base article: https://theme.co/apex/forum/t/features-page-templates/50

Hope this helps. Kindly let us know.