Site logo

Archived topic

Buttons not working

3 replies · Started by Annebeth on March 6, 2023

Viewing posts 1–4 of 4

Hi there,

you have this CSS on your site:

/* Anchor link fix https://css-tricks.com/hash-tag-links-padding/ */
h2::before,
h3::before { 
  display: block; 
  content: " "; 
  margin-top: -100px; 
  height: 100px; 
  visibility: hidden; 
  pointer-events: none;
}

And the pseudo element it creates is overlapping the button.

In your current layout, those headings below the buttons have no IDs so i assume are not used as anchor links.
Therefore you can change your CSS to:

h2[id]::before, h3[id]::before {
    display: block;
    content: " ";
    margin-top: -100px;
    height: 100px;
    visibility: hidden;
    pointer-events: none;
}

This will then only apply to h2 and h3 headings with an ID.

I think I get what you say, but I changed it and the still don't work...

Can you specify which button or buttons not working?

I'm not seeing a GenerateBlocks button, all the yellow buttons are WP buttons.

Let me know if I miss anything!

This archived topic is closed to new replies.