Hello Can you please look in to this: Parallax Feature image

I wanna use parallax featured image on post, so I came across Ben’s Guide here it is.

After implementing this, it looks beautiful, but I faced some issue,

  1. Not working on Mobile Devices.
  2. How to short this gap in the below-attached picture.

Hey Saswata,

  1. If you’re referring to the parallax feature not working on mobile, that is normal as the feature is disabled on purpose due to performance reasons. Other than that, I don’t see anymore issues on mobile.
  2. That’s the content padding of the post. There’s no option to modify it because it’s pre-designed to have that padding. It’s best that you apply a 0 margin inline style to the Table of Contents.

If you still wish to modify the top padding of the content, here’s the CSS to override it. Add this code in Theme Options > CSS.

.single-post .entry-wrap {
    padding-top: 20px;

}    

You can change 20px according to your design needs.

I just like to add that we do not provide support for any customizations. That is even if the custom code is provided here in our forum. They only serve as a guide or starting point. If you encounter issues with Ben’s tutorial, please contact him directly or hire a developer to fix the custom made features.

Also, in the future, a Layout Builder will be available so users won’t have to do custom coding to create a custom single template.

Thanks.

1 Like

Thanks little bit it solve the issue

You’re most welcome!

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.