Winning Agent Pro 2 Theme Setup

  1. Home
  2. Docs
  3. Winning Agent Pro 2 Theme Setup
  4. Extras
  5. Fix CLS Issues

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

/* Menu CLS */
.js .nav-primary {
	display: none;
	position: relative;
}

.site-header .genesis-nav-menu {
    background-color: #6c6353;
}

.site-header {
       	height: 193px;
}

@media only screen and (min-width: 767px) {

	.js .nav-primary {
		display: block;
	}
	
	.site-header {
       	   height: auto;
        }
}

Note that the number 193px 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