Currently, I am using the following CSS to hide the mobile-nav-bar on mobile screens:
#main-root [class*="is-mobile"],
div[class*="mobile-nav-bar"] {
display: none;
}
However, I encountered an issue where the “Done” button disappears when I use the Signature function.
How can I fix this problem? Please advise me.
Thank you very much.
Can you show a screen shot of what exactly you are talking about? I think I get it, but I am not sure.
You are tweaking/hacking and in the same breath you say you have an issue with the tweaking/hacking.
This is probably not what you want to hear, but my recommendations in your case would be to not use CSS.
My general rule of thumb is the following: CSS is so basic to use that if you have a question about it, you probably shouldn’t be using it in the first place.
There are advanced CSS that you can do…
Do you have any CSS code to recommend me?
Thank you for your help. 
You can use advanced selectors like:
div[class="*is-mobile"] or the class that appears in nav bar element in the HTML code.
There are multiple way to achieve what you want.
My advice would be to play with the browser’s inspection functionality with CTRL+Shift+C and then select the element on the page. Then you will see the code on the right.
Are you ok with code?