Make Sections Full Screen on Mobile and Web - Narrative Theme

[Ashrenise]

Hi!

I'm looking to make the sections (both images and videos) on my homepage full screen extending to the right and left edges of the screen. Right now they look like that are in a column and unaligned with the rest of my homepage.

My site URL is nalanibeautyco.com

Thanks in advance!

[dmwwebartisan · Accepted solution]

@Ashrenise 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-index .page-width {padding: 0 0px !important;}
.template-index .custom__item { margin: 0px 0 !important;padding-left: 0px !important;}
.template-index .highlight__wrapper {padding: 0px 0px !important;}

Hope this works.

Thanks! 

[dmwwebartisan · Accepted solution]

@Ashrenise 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-index .page-width {padding: 0 0px !important;}
.template-index .custom__item { margin: 0px 0 !important;padding-left: 0px !important;}
.template-index .highlight__wrapper {padding: 0px 0px !important;}

Hope this works.

Thanks! 

[KetanKumar · Accepted solution]

@Ashrenise 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.page-width {
padding: 0;
}