On the mdb-navbar, I have a drop down menu with sub items, and the dropdown menu gets clipped, not visible on the next section below the navbar just on iPhone 6S on the device itself and using Firefox in Responsive mode iPhone 6S+

I messed around with CSS but haven't isolated which element is the culprit and how to fix it. So if you set the browser to responsive testing, select iPhone 6S+ and click the software menu or the cog icon.My website issue exampleAny help would be appreciated!

I am interested in going with the Pro version, I just need to make sure I can get all the elements important to me to work first.

Stumbled upon it by accident and fixed it. But I think it might be an error in your scss filenavbar2.scss or something

@media (max-width: 768px) {
  .navbar {
    &.fixed-top .navbar-collapse, &.sticky-top .navbar-collapse {
      overflow-x: unset;
      overflow-y: unset;
    }
  }
  .dropdown-menu-right {
    padding-left: 6px;
  }
}