[Support request] Compatibility Issues on Firefox and Safari

[Elzanne Botha]

Hi!

I have recently finished https://manleywineestate.co.za/ with Generatepress. Visitors reported compatibility issues with Firefox and Safari. I am not a developer and not very good with coding, so I please need your help to fix this.

I have done a quick test here https://try.powermapper.com/demo/Report/ef3b27a8-8745-43d6-aec2-c042c457aa7c but do not know how to correct it.

Please advise.

Thank you 🙂

[David]

Hi there,

did the visitors provided any specific info on the issues they were having ?
I had a quick navigation around the site on Safari and Firefox and nothing stands out as being a problem.

The powermapper test results are varied. Majority of them can be ignored.

I done a quick review:

Compatibility and Standards – primarily CSS.

One notable CSS error in Customizer > Additional CSS can be found here ( at the bottom of the code ):

.site-footer {
margin-bottom: -40px !important;
} 
{
padding-bottom: 0px !important;
}

/* Sticky Navigation */
.main-navigation.navigation-stick {
	padding-left: 20px;
	padding-right: 20px;
}

THIS Should be removed:

{
padding-bottom: 0px !important;
}

It will clear most of the Invalid CSS issues related to your custom CSS.

Other CSS issues are primarily a) Legacy CSS style prefixes required for older browsers ( can be ignored ) and the one is bad semantics in some plugins CSS ( again it can be ignored ).

The Usability Issues:

First couple of issues are related to link higlighting in Woocomemrce and the Cookies plugin. Nothing major but something you would have to address with those plugin authors.

Use at least a 12-point font on all web pages.
– Your Customizer > Typography > Body is set to 15px. Which falls below the recommended 16px fonts size. Its only an issue if you want to achieve usability.gov guidelines.
– there are some other elements with inline styles, coming from plugins, where the font-size is below recommendation, not much that can be done about that without identifying the plugin that is producing that HTML and reporting it to the author.

Accessibilty
Nothing major but they are design related, where some colors over other colors do not have a high contrast. And some border styles could be improved.

BUT overall none of these i see as major issue ( you should fix the CSS issue above ). And overall the site works correctly for me.

Let us know what your visitors were having issues with.

[Author]

Posts