How to remove white header on mobile using Superfly navbar fixed on bottom

[Minna]

Hey, how to remove the white space on mobile view on top of the site here https://www.gopala.com/

I tried this code to remove it, but it works only on desktop , not on mobile devices

@media screen and (max-width: 600px)
<style>
.sfm-mob-nav {
    margin-top: 0px !important;
}

Also having an issue of the fixed mobile navbar not showing up correctly on tablet size, it disappears and shows a dark green button on the topbar instead.

[christian]

Hey Minna,

For the white space, please check the Top Margin On Mobiles setting under the Button settings.

Would you mind providing a screenshot of the “fixed mobile navbar” issue. I’m not seeing what you described.

Thanks.

[christian]

Hey Minna,

Sorry for the confusion. It’s because you moved the button to the button.

Add the following code in Theme Options > CSS.

@media screen and (max-width: 600px) {
.sfm-mob-nav {
    margin-top: 0;
}
}

Please note that Superfly doesn’t support that and we cannot provide further help in case you’ll encounter issues with custom code. You need to consult with a developer if that happens.

Thank you for understanding.