Fix CLS Issues

If your menu is opening on mobile, and you get CLS scores over 0.1, you can try this.

1. Install and Activate this plugin - Genesis JS / No JS - https://wordpress.org/plugins/genesis-js-no-js/
Don't worry that it says it hasn't been tested. The code is good; they just didn't resubmit the the WordPress repository.

2. Then add the following CSS to Appearance > Customize > Additional CSS

/* CLS Menu */
.js .nav-primary {
	display: none;
	position: relative;
}
.site-header {
       	height: 69px;
} /* this depends on your site */
@media only screen and (min-width: 980px) {
	.js .nav-primary {
		display: block;
	}
	.site-header {
       	   height: auto;
	}
}

Note that the number 69px is the height of your site-header, so you may need to try other numbers or put in a support ticket.

Use this test site, as it is more reliable than others.

WebPageTest

Agent Focused Pro 2 Theme Setup