Page Title Animation Issues on IOS

- 7 years, 9 months ago kickstarter
  Participant
  
  Expired
  
  HI,
  
  I am using the centered page headers and there is an issue with the animations when viewed on iPads and iPhone. When you scroll, the header positioning is erratic and even disappears altogether at times.
  
  How can this be remedied or disabled so the they are “fixed” on scroll.
  
  I had sent an email as there are a few other minor issues and I did not see an option to make support requests private including padding on the side nav caused by the container width attribute at @media (min-width: 981px) and (max-width: 1100px). This can be seen on your demo as well.
- 7 years, 9 months ago Mirela
  Participant
  Hello,
  
  The title scrolling and slowly fading is not an issue. It one of the theme’s header styles. To remove it set the background attachment option to ‘fixed‘ in Page’s General Settings > Page Header Options > Page header background.
  
  To remove the parallax effect only in mobile, try adding this code into your custom css box:
  
  @media (max-width: 480px){ .header_page, .header_page { background-attachment: fixed !important; }}
  
  -Can you please be more clear on the padding issue? I don’t understand what have you wrote.
  
  Best regards!
- 7 years, 9 months ago kickstarter
  Participant
  
  Expired
  Thanks,
  
  Sorry-will try to be a little clearer.
  
  Title
  the css above also does not remedy the “title-scroll” transition.
  the css for the changes in padding, line-height and opacity do not work well on mobile.
  I would like the title text to appear fixed and scroll with content – not change in opacity and shift position.
  
  Side Nav Padding
  Regarding the side nav padding.. I have tried to attach the screenshots.
  The side nav at that specific query is offset by the container width set in admin (currently 87%) causing the menu padding to shift.
  (this can be seen by the narrower nav column and shift in social icons and padding)
  
  If you can send me a direct email, I can send you screenshots as I cannot attach them here for some reason and info is not private.
  
  This reply was modified 7 years, 9 months ago by kickstarter.
- 7 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  Sorry for the late reply.
  Please refer to this topic regarding the page header title animation.
  
  -Please send us your site’s url. So we can check the padding closely.
  
  Read this article for more information.
  
  Note: To send a private reply, just check the “Set as private reply” check box below. To send screenshots, use an online image sharing.
  Examples: https://share.pho.to/
  https://postimage.org/
  
  Best regards!
- 7 years, 9 months ago kickstarter
  Participant
  
  Expired
  
  This reply has been marked as private.
- 7 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  So is it all sorted now? Let us know if you still need our help.
  
  Best regards!
- 7 years, 9 months ago kickstarter
  Participant
  
  Expired
  
  This reply has been marked as private.
- 7 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  Only the portfolio items are depended from the main default page header you set up in General Options > Header Options > Default Page Header. Changing it in the single portfolio items General Settings, will not give any effect.
  
  Best regards!

Viewing 7 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login