Re: Pagefly Page Footer

jsaeed · ‎12-02-2021

Hello viewers, I'm building a sitore (www.sundustalpur.com) on shopify and have run into a problem and want help in fixing.

I'm using pagefly for some pages and have a parallax style footer in my theme. The issue i'm facing is that the pagefly page is becoming a kind of parallax and not showing full content. You'll have more clearer idea when you visit the page.

Store password is: ord

This is the theme page

https://sundustalpur.com/pages/our-brand-story

This is the pagefly page with content hiding

https://sundustalpur.com/pages/stockists

Sheesh_b · ‎12-02-2021

Hi @jsaeed

Put below code in theme.liquid below <head>

<style>
    #shopify-section-template--15236010901668__pf-b60824ab {
    z-index: 9999;
    position: relative;
    background: #fff;
}
  </style>

We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION

View solution in original post

Sheesh_b · ‎12-02-2021

Kindly mark the correct answer as Accepted Solution for this question and that will help others if they found the same issue.

Thanks!

We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION

View solution in original post

Sheesh_b · ‎12-02-2021

Hi @jsaeed

Put below code in theme.liquid below <head>

<style>
    #shopify-section-template--15236010901668__pf-b60824ab {
    z-index: 9999;
    position: relative;
    background: #fff;
}
  </style>

We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION

jsaeed · ‎12-02-2021

In theme liquid? and not in pagefly custom code? the issue is with the pagefly page

jsaeed · ‎12-02-2021

Hello @Sheesh_b

In theme liquid? and not in pagefly custom code? the issue is with the pagefly page

Sheesh_b · ‎12-02-2021

Hi @jsaeed

It will work in theme.liquid as well as in PageFly builder if there is an option to add the css there.

We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION

jsaeed · ‎12-02-2021

@Sheesh_b

Worked like a charm. Thank you so much

Sheesh_b · ‎12-02-2021

Kindly mark the correct answer as Accepted Solution for this question and that will help others if they found the same issue.

Thanks!

We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION

PageFly-Victor · ‎12-02-2021

Hi @jsaeed ,

This is PageFly. Thank you so much for choosing us to improve your site.

We totally agree with Sheesh_b that is related to the Shopify theme code. And the code he gave you is for one page only, you can apply to other pages by changing ID of the section. If you need help with other pages, please let us know.

If you don't know, we have a support team who can reply to customers 24/7. If you get any further questions related to PageFly pages, please feel free to chat with us. Here is the way.

Thanks and have a nice rest of the day!

Re: Pagefly Page Footer

How to fix content hiding in Pagefly parallax style footer?

Community Blog Articles