Masthead positioning error in Safari

  • This is more a Safari problem than with the theme, but not sure where else to get help. I have edited the theme from the control panel to insert a banner image. On scrolling the page, most browsers scroll the bar containing the search form until it reaches the top of the page, then sticks in that position.

    Safari 7 (Mac) has other ideas, and the search bar jumps to the top of the page after scrolling only 24px. You can see it on my site: hucklesby.com.

    Using the dev tools, I traced this to functions.js – line 94:
    mastheadOffset = $( '#masthead' ).offset().top - toolbarOffset;
    which computes to 222 in most browsers; 24 in Safari.

    Does anyone know a work-around, pretty please?
    — Cordially, David

Viewing 1 replies (of 1 total)
  • Thread Starter thewebwiz

    (@thewebwiz)

    Resolved! Kind of.

    This script is invoked on DOM ready, so unless the header image is cached and loaded, the computed offset is incorrect. The solution is to invoke the script on page load. It means changing line 63 of functions.js from this:
    $( function() {
    to this:
    _window.load( function() {

    Now I have another problem – how to make this change from a child theme?
    Anyone?
    —
    Cordially, David

Viewing 1 replies (of 1 total)
  • The topic ‘Masthead positioning error in Safari’ is closed to new replies.