Harmony theme mobile menubar is glitchy

[PitaJ]

What browser are you using? Mobile or desktop? What operating system?

[saikarthikp9]

Sorry. iPhone. Google chrome.

[baris]

@saikarthikp9 I assume it doesn't happen when you disable the below setting?

[crazycells]

I agree with @saikarthikp9 though... I had to disable it, because it is really hard to use the "hidden" menu bar on mobile... and it disappears automatically (why?) I do not know how it is different from persona, but I never had these difficulties on persona before. I am %100 sure I would get a lot of complaints if we were using it "hidden".

[saikarthikp9]

@baris yes. No issues when I disable that setting, which I don't mind. Thanks.

[dave1904]

It also depends on the Browser you are using. On here I don't have this issue with Chrome but with Soul Browser, which has a bottom navigation too. It overlaps the forum navigation.

[crazycells]

@dave1904 yeah, unfortunately bottom bar stays very low while accessing the forum as PWA... However it is OK when I access the forum in the browser...

I wonder if there is any CSS codes that can distinguish between mobile version and PWA version...

[crazycells]

I think the design of the bottom bar needs to fixed to be more mobile-friendly...

Currently when the forum is saved as PWA, the bottom bar stays very low, and unfortunately due to the phone case, it is hard to press each side of the bar...

[crazycells]

And I checked, in US ~80% of the users have phone cases

[crazycells]

Is there any CSS code for mobile but specific to PWA , to lift the bottom bar up?

[crazycells]

@crazycells said in Harmony theme mobile menubar is glitchy:

I think the design of the bottom bar needs to fixed to be more mobile-friendly...

Currently when the forum is saved as PWA, the bottom bar stays very low, and unfortunately due to the phone case, it is hard to press each side of the bar...

for those who might have similar complaints... this is the CSS code I used to fix the problem...

.bottombar-nav .nav-link {
  padding: 13px !important;
}

[crazycells]

@baris said in Harmony theme mobile menubar is glitchy:

@saikarthikp9 I assume it doesn't happen when you disable the below setting?

Just to emphasize this, I believe this should be considered as a bug, because without this option, the menu bar is very very hard to use naturally on mobile... When you scroll the page up, after the page hits the top part of the page, the menu bar becomes hidden automatically... This behavior is not normal... In order to see the menu bar, you have to scroll the page down and up again and stop before reaching the part part... this should be fixed...

[baris]

Is this happening on ios only? Couldn't reproduce on android.

[crazycells]

@baris yes, I am using ios, but cannot test the same thing on android right now...

and it is the same for firefox and safari...