Mobile Menu Gap

If you visit bahaisofphoenix.org, on a mobile browser or responsive smaller size, you will see a large white gap below the top menu. What can be done to remove this gap?

Also, along the same lines, when the page loads, it appears to quickly switch fonts. Is there any way to avoid this behavior?

Thanks

Hi,

Looks like it’s because you set a big bottom padding for the section.
Please Open the Customize page and Edit the section - open the advance tab - set a new value for bottom-padding.

Regards,

Just found what you mean. It’s happened on tablet screen size.
Try this CSS code please:

#site-navigation-sticky-wrapper {
    height: 3px !important;
}