Hello @joseph,

To have the classic menu in your mobile version use below given CSS.

For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

@media only screen and (max-width: 800px){
#mobile-trigger {
    display: none;
}
#main-nav {
    display: block;
}
}

But if you have the longer menu then the it wont look good. So if you provide your site URL it would be easier to provide the specific solution .

Hope this helps.

Best Regards!!

Hello @joseph,

While we have tested implementing the CSS we have provided we don not find such issue so please post your site URL and screen shot of the issue .

Hope you understand .

Best Regards!!

Hello @joseph,

Please add below given CSS in Admin Panel > Appearance > Customize > Additional CSS .

@media only screen and (max-width: 800px){
#page {
    padding-top: 0px;
}
}

Hope this helps.

Best Regards!!

Hello @joseph,

Glad we could help you .

If you have any issue further , please let us know.

Best Regards!!

Hello @joseph,

To center the menu in mobile view use below given CSS:

@media (max-width:800px){
#main-nav {
    float: none;
    max-width: 100%;
    margin: 0 auto;
}
.main-navigation ul {
    display: inline-block;
    margin: 0 auto;
}
}

Hope this helps.

Best Regards!!