Menu Items Float Down

[eddeaux]

Hello, I am trying to keep these menu items from overlapping when the browser window is shrunk down. I tried this code but it didn’t work.

Is there a way to make it go to the mobile menu stacked before it does this? Screenshot attached. Thanks!

@media (min-width: 992px)
.container {
width: 100%;
}
}

Attachments:

You must be logged in to view attached files.

[eddeaux]

I found this cool bit of code that resolved the issue. The font resizes with the window, I just love CSS!

Viewport Sized Typography

#main-nav, #header nav, .vertical-menu nav, #header-section.header-9 #main-nav, #overlay-menu nav, #mobile-menu, #one-page-nav li .hover-caption, .mobile-search-form input[type=”text”] {
font-family: Oswald;
letter-spacing: 3px;
font-weight: 400;
font-style: normal;
font-size: 1.1vw !important;
}

[Mohammad – SUPPORT]

Hi,
Brilliant! I am glad that you managed to resolve the issue.
Thanks
Mohammad