cancel
Showing results for 
Search instead for 
Did you mean: 

100% Overlay at one div at Homepage

SOLVED
   Did you know you can see the translated content as per your choice?

Translation is in progress. Please check again after few minutes.

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