Mobile Overlap Issue: Need to Hide Button on Mobile View

Hello everyone,

Issue: 
On the mobile version of my site, the "Why you should hire me" button overlaps with my logo when accessing the hamburger menu.

Goal:
I want to hide this button ONLY on mobile without affecting its display on desktop.

Questions:
1. How can I hide the button only in the mobile view?
2. Any Squarespace-specific solutions or CSS tweaks for this?

Website: https://www.mindofalexander.com/

Thanks for any help!

8 hours ago, Web_Solutions said:

 

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.header-menu-cta a{
  visibility: hidden !important;
  pointer-events: none !important;
}

 

Thank you for your solution @Web_Solutions

Have a good one!