[Resolved] Links not active in Chrome

[Axel]

Hi
Some of my links are not active in Chrome & Firefox, but all work in Explorer and Opera.
Can you help?
Thank you

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

any particular links i can look at to see where the issue lies?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Axel]

Hello David

Thank you for your reply.
If you click on Club and scroll down to the links below the video – Administration, Committees, Club Flags & Constitution are active, but the ones below that are not. In Explorer & Opera they work fine but not in Chrome. Also some of the email links on the page are active and others not. This applies throughout the site.

http://www.milnertonaquaticclub.co.za/club/

Thanks

[David]

So this CSS in your simple CSS is creating an element above the H3 title ( ADMINISTRATION ) which is blocking those links:

h3:before {
    display: block;
    content: " ";
    margin-top: -200px;
    height: 200px;
    visibility: hidden;
}

Not sure why its required, if you need to keep it then add a pointer-events: none; to the CSS and it will stop the blocking.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Axel]

Adding the pointer-events: none; to the CSS did not work. But disabling the h3 CSS completely works. Pity as I’d like the link to go to the section so it shows up in the middle of the page and not the top, that was the reason I added that style.

Another thing, are you able to tell me why the video will not play?

Thanks

[David]

You could try changing its z-index to a negative value, will require a relative position as well so it sits behind the links.

Regarding the video there is an error in the console relating to this:

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

I think one of the issues, even if autoplay isn’t set can be the video needs to be muted first. Not sure as google keeps changing things.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Axel]

Thank you David. Sorted and the video is working too.

🙂

[David]

Awesome – glad to be of help. What was the issue with the video?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Axel]

I deleted the SiteOrigin video widget and replaced it with a SiteOrigin editor widget and pasted the embed code into that. Works perfectly.

[David]

Thanks for the feedback i am sure others will find it useful.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts