White on yellow buttons are effectively invisible so no clue what any of that is even supposed to do. Willy-nilly constantly changing font-family and use of "tall" fonts only further compromising legibility and usability no matter how many marketing scam dirtbags cream their panties over it.
Combine that with the use of absurdly undersized PX metric fonts, goofball JavaScript for nothing, a home page devoid of actual content, uneven spacing... it is painfully apparent whoever made their website doesn't know the first damned thing about web design.
Popping the bonnet, it's the usual train wreck of developer incompetence. A bjillion bullshit META not one legitimate UA cares about, static style in the markup, media="all" sending screen media layout information to UA that don't give a shit and/or could cause problems, ID on elements that have zero legitimate reason to even have ID or classes such as LINK in the header, endless pointless DIV for nothing, endless pointless presentational classes for nothing,..
Which is why these clowns are wasting 432k of HTML on delivering 1.32k of plaintext and not even a half dozen content media, not even 10k of HTML's job.
And these assclowns have the unmitigated gall to offer their site development services to others?
This comment in their code alone:
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1661095859 -->
Being a freaking joke. But of course with dumbass code like this:
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-13909b6c eael-simple-menu-hamburger-align-center eael_simple_menu_hamburger_disable_selected_menu_no elementor-widget elementor-widget-eael-simple-menu" data-id="13909b6c" data-element_type="widget" data-widget_type="eael-simple-menu.default">
<div class="elementor-widget-container">
<div data-hamburger-icon="<i aria-hidden="true" class="fas fa-bars"></i>" data-indicator-class="fas fa-angle-down" data-dropdown-indicator-class="fas fa-angle-down" class="eael-simple-menu-container eael-simple-menu-align-right eael-simple-menu--stretch eael-simple-menu-dropdown-align-left preset-1"><ul id="menu-main-menu" class="eael-simple-menu eael-simple-menu-dropdown-animate-to-top eael-simple-menu-indicator eael-hamburger-left eael-simple-menu-horizontal"><li id="menu-item-172" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-63 current_page_item menu-item-172"><a href="https://moonwebsites.co.uk/" aria-current="page">Home</a></li>
<li id="menu-item-170" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-170"><a href="https://moonwebsites.co.uk/process/">Process</a></li>
<li id="menu-item-171" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-171"><a href="https://moonwebsites.co.uk/about-us/">About</a>
<ul class="sub-menu">
<li id="menu-item-294" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-294"><a href="https://moonwebsites.co.uk/reviews/">Reviews</a></li>
<li id="menu-item-163" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-163"><a href="https://moonwebsites.co.uk/projects/">Projects</a></li>
</ul>
</li>
<li id="menu-item-168" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-168"><a href="https://moonwebsites.co.uk/faq/">FAQ’s</a></li>
<li id="menu-item-167" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-167"><a href="https://moonwebsites.co.uk/contact/">Contact</a></li>
</ul></div> </div>
</div>
</div>
</div>
doing the job of:
<nav id="mainMenu">
<a href="#" hidden></a>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/process">Process</a></li>
<li>
<a href="/about-us">About</a>
<ul>
<li><a href="/reviews">Reviews</a></li>
<li><a href="/projects">Projects</a></li>
</ul>
</li>
<li><a href="/faq">FAQ’s</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
It has to be turdpress.