Mobile Page + Desktop Page Header

Hello dear Squarespace-Community.

I have a problem regarding the header of my mobile and desktop site:

1. On my desktop site I do not need the 3 bars at the top right next to the dashboard button (see image below) - how can I get rid of them.

2. On my mobile site I do have the following issue:

If I am not logged into my members account of my website, the header of the mobile site looks like this:

This is exactly how I want my header to look like.

But the moment I then log into my members account of the website, all of the header parts on the mobile page disappear (image below) - The only thing which is left is the "BasicTrading" text - the social icons and the three bars all disappear. Is it now possible to have a "Dashboard" button on the mobile site next to the  "BasicTrading" text when I am logged in (the same button as on the desktop page - see top of this post)?

Thank you so much in advance and if you have any further questions, just let me know.

Kind Regards,

Philip

#1. Use this code to Website > Website Tools > Custom CSS

/* Hide burger bar */
.header-burger.menu-overlay-has-visible-non-navigation-items {
    display: none !important;
}

#2. So you want to replace Burger with Button on Mobile?

First of all, thank you Tuanphan.

Your code removes the "burger bar" as I wanted. 

And now I want to replace the "burger" on mobile site with a button.

Thank you very much,

Philip

if doing that, there is no space to keep it, it will overlap other elements, you can consider move it to new line, above or under, I can give code

Hey tunaphan,

Thank you very much - I would just move it below all the other elements of the header (simply a new line below as you suggested).

I would really appreciate the code for this.

Thank you,

Philip