Homepage elements on a custom page

Highlighted
Excursionist
17 3 5

Hello

 

Any help would be much appreciated!

 

I've followed this really helpful tutorial over at: 

https://help.groupthought.com/article/48-how-to-add-a-homepage-section-into-your-pages
https://help.groupthought.com/article/128-advanced-how-to-stack-homepage-sections-in-a-template

 

I have 2 custom pages.

Dev Preview link: https://4aydc3qmhnwdz22c-3467935857.shopifypreview.com

 

For Before & After page - https://4aydc3qmhnwdz22c-3467935857.shopifypreview.com/pages/before-and-after - the following issues occur:

  • I've created the page.before-after.liquid template
  • When overlay cover image is switched on for video, it is huge in mobile (currently switched off)
  • I can't get the Image Promo (Before After) slideshow to work as per homepage (see white box)
  • I need the page to be full width as per homepage

 

For Why Heir page - https://4aydc3qmhnwdz22c-3467935857.shopifypreview.com/pages/why-heir - the following issues occur:

  • I've created the page.why-heir.liquid template
  • When overlay cover image is switched on for video, it is huge in mobile (currently switched off)
  • I need the page to be full width as per homepage

 

1 Like
Highlighted

Hello @kerryvarma,

To make page full width 

Please add below css in theme.scss file

.template-page .page-content {
    max-width: 100%;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Excursionist
17 3 5

Thanks Ankrit. I'm trying to achieve the exact same as homepage where it goes to the edges.

0 Likes