cancel
Showing results for 
Search instead for 
Did you mean: 

100% Overlay at one div at Homepage

SOLVED

100% Overlay at one div at Homepage

Hello,

I am trying to edit the Home layout in code of my Magento 2 Store.

Is possible to edit the class "main.content" only in the main page?

Because i want to make a tab like in the photo below, but only this Div has 100% layout the others content stay in the middle with the "margins" of default magento 2image.png

1 ACCEPTED SOLUTION

Accepted Solutions

Re: 100% Overlay at one div at Homepage

I used in Magento 2 Backend CPanel to what i want

In Content > Widgets 

Choose "After Header" and put in css width:100% , works properly for me

View solution in original post

4 REPLIES 4

Re: 100% Overlay at one div at Homepage

You can update your homepage changes by defining your changes under cms_index_index.xml

 

You need to create cms_index_index.xml file for homepage.

If Issue Solved, Click Kudos/Accept As solutions. Get Magento insight from
Magento 2 Blogs/Tutorial

Re: 100% Overlay at one div at Homepage

This xml file, is insite module cms/view/frontend/layout right?
I Will take a look at this file and try to make the changes previous said

 

Thanks for all

Re: 100% Overlay at one div at Homepage

Hello, 

 

How should i do this changes? i really dunno so much Magento Structure atm

If u can explain me better how to do edit it, would be awesome.

In my cms_index_index_xml only show this

image.png

 

Re: 100% Overlay at one div at Homepage

I used in Magento 2 Backend CPanel to what i want

In Content > Widgets 

Choose "After Header" and put in css width:100% , works properly for me