• Continue to love Dyad. We’re running a child version on this site https://crfg.org/WordPress. Another member of the team imported the Membership Rates page from our old non-Wordpress site. Membership levels link to PayPal buttons further down the page but in Firefox, when a level is clicked, the appropriate button is sliding up under the gray header bar so the wrong rate seems to be presented. (Join>PayPal) It works fine in both Chrome and Edge. Any suggestions? Thanks so much for a beautiful theme!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi @ronke47,

    I had a look through your site but it’s not clear to me what specific pages and links you’re referring to. Can you please point me to the page that you’re able to see the behaviour you described on? Direct links and specific examples for me to test would be very much appreciated.

    Thanks!

    Do you mean this page?

    I’ve tested in all 3 browsers you mention and it behaves in the same way, you’re linking to an anchor which I can see is situated directly behind the large grey header.

    You can try adding an offset using this response over at Stackoverflow, you’ll probably need to adjust your list structure slightly I think.

    Hope this helps.

    Thanks so much for finding that page, @themesumo!

    @ronke47: As an alternative to the StackOverflow solution, you could also consider setting the header to static on that page with the following custom CSS:

    .parent-pageid-36 .site-header {
        position: static;
    }

    The downside to that approach, over the StackOverflow one, is that the menu would not remain fixed that top of that page when scrolling down. It is, however, a bit less complex than the StackOverflow solution.

    Thread Starter ronke47

    (@ronke47)

    Thanks so much. I will try both remedies, probabaly the simpler one first. The specific page in question is this one: https://crfg.org/WordPress/home/join/paypal/ which we now realize has another major problem in that it is not responsive/scaling properly on smartphones. A colleague has suggested I have to remove the table coding that was brought over from the old site.

    It looks like adding class="responsive" to the second <table> element would resolve some of the issues with how the second table appears on mobile devices. (I found that class added to the first <table> element.)

    In addition to that, I recommend removing the HTML for any empty columns or rows in each table.

    Hope that helps!

    Thread Starter ronke47

    (@ronke47)

    I passed this on to the more experienced colleague who is now working on the page. Thanks so much for the recommendations. We will get this site live!

    Awesome! ?? If we can be of any further help then please feel free to start a new thread on this forum.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘in Firefox, page content disappearing behind header’ is closed to new replies.