How to force the navigation menu to open down

Issue: The drop down menu items on the Primary navigation menu will open up instead of down if the page area is not long enough.

Solution: Add the following code to your “GreatBarrierReef” or “GlacierBay” Responsive Theme file.

@media (max-width: 767px) {
.rmSlide {
top: 68px !important;
}
.rmSlide ul.rmVertical.rmGroup.rmLevel1 {
top: -68px !important;
opacity: 0;
transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out !important;
}
.rmExpanded + .rmSlide ul.rmVertical.rmGroup.rmLevel1 {
opacity: 1;
top: 0px !important;
}}

In this example, “68px” is the height of the navigation bar and the media query is only including mobile view.

not secure