smartphone layout problem

I have a problem viewing on smartphones, the menu and the small logo are staggered.
Can you help me?

Did you read the docs:
demo.joomlaplates.com/jp_1stclass/docs/#5-1

This Templat provides the "logo-small" position, where you can display an alternative logo image for smaller viewport sizes.

1.) Duplicate the Mainmenu module and publish the duplicated menu on module position "offcanvas"
2.) Now you have the same Main Menu module on module position "offcanvas"

You can pubish any menu on module position "offcanvas" This module position will be shown in responsive vew.

this is my problem..... the menù module is correct ... and also the small logoposition ... but this is the layout on smatphone.
I don't have that problem with pasta template... in pasta template is right , in 1st class tempate this bad layout

The staggered view is the mobile view; see image below

ok... I have as reference template pasta where the menu and logo are displayed on the background image.
is possible to show like pasta template?