Okay
  Public Ticket #1818705
Safari header image layering issue
Closed

Comments

  • mikePTI started the conversation

    Hi - are you aware of an issue with Safari desktop and mobile on iphone where if the page header image is set to parallax scroll it sits above the top sticky mobile nav bar? e.g. see attached screenshot. If I turn parallax scrolling effect off then this bug goes away - but i would like to keep it on as its a nice effect which only seems to have an issue on safari desktop and ios devices... Any ideas on a fix? I am running 12.0.2 Safari here. If you view http://jwd-test.me.uk/careers/ on Safari with screen size less than 1000px you will see the top hero image scrolls ABOVE the fixed position nav header?? (weirdly its fine above 1000px!) On this page http://jwd-test.me.uk/about/ I have parallax switched off on the hero image and it scrolls behind the fixed position nav header... Any ideas on what is causing this issue? Or a way so that I can target just Safari browser on screens less than 1000px to remove the parallax effect via a CSS media query?

  •  8,996
    Tahir replied

    Hey Again,

    Please update to Salient Theme Version 10.0.1 and Salient WPBakery Page Builder 5.6 . 

    If you are not seeing the Plugin Update Notification you need to uncheck the " Disable Theme Reccomended Plugin Notifications " Field in "Salient Theme Options Panel"  -> General Settings -> "Toggle Theme Features" Section .

    To get a list of Bug Fixes and new Feature addons in the Latest Theme update,  the changelog can be viewed here : http://themenectar.com/changelogs/salient.html .

    Update the theme by following this guide: http://themenectar.com/docs/salient/updating-salient/ .

    Best.


    ThemeNectar Support Team 

  • mikePTI replied

    Hi - will this fix the issue?

  •  8,996
    Tahir replied

    See url: http://themenectar.com/changelogs/salient.html

    Fixed

    • Fixed scroll to top button to work on mobile devices correctly
    • Fixed parallax BG positioning on iOS devices when using "Fixed" speed
    • Fixed leaflet map bottom margin
    • Fixed full width background width when row added through WPBakery templatera addon
    • Fixed page transitions (standard method) to not fade in loading screen when clicking on mailto: or tel: based links
    • Fixed WooCommerce AJAX header cart variation text coloring
    • Fixed plugin conflict with "ActiveMember360"
    • Fixed secondary header nav bar to display when not using off canvas navigation
    • Fixed recent posts multiple large featured auto rotate to work with multiple instances on same page http://www.danielendr.es/photography/
    • Fixed auto masonry blog layout infinite scroll pagination loading
    • Fixed WooCommerce single product gallery captions to display correctly
    • Fixed theme options panel asset loading issues in custom WP directory setups like bedrock
    • Fixed Firefox issue with interactive map greyscale option
    • Fixed Nectar Slider caption display issue when using autorotate option and switching browser tabs
    • Improved Security in accordance to new Envato WP theme guidelines

    Best


    ThemeNectar Support Team 

  • mikePTI replied

    ok thanks - gonna backup and give it a go

  • mikePTI replied

    Hi - I am running the Salient-Child theme - can you advise on upgrade process so this child theme stays in place?

  •  8,996
    Tahir replied

    Do you have child theme customizations in place ? . If not the update should not cause any issues as regards the child theme. 

    Best 




    ThemeNectar Support Team 

  • mikePTI replied

    Yes - but i managed to work out the issue without doing the upgrade. Thanks