Menu cut off on side

Hi there.

The top menu is cut off on some screens (my wife’s macbook for instance)
See screenshot here.
How can I fix this?
(I checked if any custom css might cause this, to my knowledge it did not, but just in case I will append my custom css text here)

/* Füge hier Dein eigenes CSS ein
The following code makes the hover menu larger so that all the text fits in it perfectly. Especially the “width” option is key here.

#masthead .main-navigation ul ul a {
width: 230px;
}

#masthead .main-navigation ul ul li {
padding-top: 6px;
padding-bottom: 6px;
}
*/

/Buchstabendabstand im Body Text näher zusammen/
body {
letter-spacing: 0.5px;
}

/* Title wird kleiner auf Mobilen Geräten angezeigt, damit der Text in einer Zeile gezeigt wird.
*/

@media only screen and (max-width: 730px) {
.site-branding > .site-title {
font-size: 50px !important;
}
}

@media only screen and (max-width: 520px) {
  .site-branding > .site-title {
    font-size: 25px !important;
  }
}

/* Abstand Maintitle

@media (max-width: 767px) {
.site-title {
font-size: 70px !important;
}
}

.site-description {
line-height: 1;
margin-top: 2px;
}
*/

/*Make contact form 7 responsive
.wpcf7 {width:100% !important;}

.wpcf7 input {
max-width: 100% !important;
}
*/

/* Einzelne Blogeinträge ohne Widget area rechts und zentriert zum besseren lesen

.site-main > .hentry {
border: none;
}
.site-content #primary.content-area {
width: 100%;
}

@media only screen and (min-width: 991px) {
  .single-post .site-main > * {
    width: 800px;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

*/

/*
Strong Testimonials custom CSS
*/

.testimonial-content {border-radius: 8px;}

/Show only one Post in “Neuester Beitrag” auf Startseite/
section.atframework_posts_widget {
text-align: center;
}

@media only screen and (min-width: 768px) {
section.atframework_posts_widget div.blog-post {
min-width: 707px;
}
}

/*Widget Frontpage Neuester Beitrag */

section.atframework_posts_widget .entry-meta,
section.atframework_posts_widget .entry-summary,
section.atframework_posts_widget a.button {
display: none;
}

section.atframework_posts_widget .entry-title > a {
  color: #fcaf32 !important;
}

section.atframework_posts_widget .entry-title > a:hover {
text-decoration: underline !important;
}

/Pullquote Schriftartgröße kleiner/
.wp-block-pullquote p {
font-size: 21px;
/text-align: left;/
}

Hello there,

Please try this CSS code:

    @media only screen and (min-width: 1025px) {
      #mainnav.main-navigation ul ul {
        left: auto;
        right: 0;
      }
    }

Regards,
Kharis
aThemes Support

Thank you so much Kharis!
This worked like a charm. As always, love your great support!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support