Mobile Menu on iPhone opens at bottom with difficulties

The menu on a mobile device such as an iPhone doesn’t seem to work properly, something smaller than a Tablet size, this doesn’t show on an iPad. The menu opens at the bottom of the screen, possibly under the website, at the bottom of the website, or under one of the first primary content boxes. It causes one to scroll through the menu, but the user does not know that they need to scroll. It can refuse to close the menu or visual the menu on screen after you have scrolled away and one must reset the page.

Visit: bahaisofphoenix.org

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (max-width: 1199px) {
    #site-navigation {
        top: 335px !important;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support