Make Sections Full Screen on Mobile and Web - Narrative Theme

Store Design
1

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!

2 Likes
2

@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!

1 Like
3

@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;
}
1 Like