cancel
Showing results for 
Search instead for 
Did you mean: 

Make Full width of layout for homepage only

Make Full width of layout for homepage only

Hello,

 

I want to make my homepage full width only. How can I achieve this the right way?

I was able to manipulate the "max-width" in the inspect element section to get what I was looking for but i don't think this is correct.  Any help is appreciated, you see below for before and after pictures.  Here's the link to the page https://soletrend.com/

 

Thanks,

 

 

 Before increasing the widthBEFORE1.jpg

 

End result

AFTER2.jpg

3 REPLIES 3

Re: Make Full width of layout for homepage only

Hello @charlesny09 

 

There is always one main body width, inside which all elements display.

If you want to show any elements out side of it, you may need to with negative CSS.

 

I can't see clearly but standard main width seems proper. Around 1390px.

You might be checking your website in bigger screen hence you might be thinking to increase the width which actually may not required.

 

Themes generally come with responsive, so some CSS only applies according to screen resolution. 2500, 1920, 1349, 760, 420, 360, 320 such are the general screen resolution for which developer writes CSS to make the website responsive.

In short it's not advisable to do without some expert help

Was my answer helpful? You can accept it as a solution.
175+ Professional Extensions for M1 & M2
Need a developer?Just visit Contact Us Now

Re: Make Full width of layout for homepage only

@charlesny09 

 

You can also do one thing change the layout of homepage to onepage.

 

Hope it helps!

Thanks

Re: Make Full width of layout for homepage only

correct my current screen resolution is

1920x1080

i was hoping to keep full width across all resolutions.