Constrain sub menu

Hi,
On a new site: http://www.izitdesign.com we have quite a large (and still growing) menu structure.

It’s fine on large monitors and mobile but on smaller laptop screens, it extends beyond the confines of the page and creates a horizontal scroll bar at the bottom of the screen.

Can I constrain it within the current screen/page view?

Hello there,

I am sorry, I couldn’t identify where the problem appears. It looks fine to me both on desktop and smaller screen. Do you have a screenshot to share here?

Regards,
Kharis

Here you go…

Hello there,

Now it looks like this where the sub menu direction changed to left.

I feel this resolves the problem. Do you still need an assistance with it?

Regards,
Kharis

How do I change the direction?

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    #mainnav ul li ul {
      left: auto;
      right: 100%;
    }  

Regards,
Kharis