navigation menu different on pages, logo different on pages

I have my website set up and the mobile menu worked great but now it doesnt show any of my side menu or shows all the menu options when i split them up between the differnt sites.

how do i fix this, just the mobile option?

The deskptop works perfectly, you can see the different menu options i have here > www.fleurstudio.co

i used this before and it worked fine on mobile but now its either showing all of them or none

<style>
/* hide items on desktop */
nav.header-nav-list>div:nth-child(7), nav.header-nav-list>div:nth-child(7), nav.header-nav-list>div:nth-child(9), nav.header-nav-list>div:nth-child(10) {
    display: none;
}
/* hide items on mobile */
[data-folder="root"]>div:first-child>div:nth-child(7), [data-folder="root"]>div:first-child>div:nth-child(8), [data-folder="root"]>div:first-child>div:nth-child(9),[data-folder="root"]>div:first-child>div:nth-child(10) {
    display: none;
}
</style>

Having the same issue, following for update

5 hours ago, asprikhodko said:

I have my website set up and the mobile menu worked great but now it doesnt show any of my side menu or shows all the menu options when i split them up between the differnt sites.

how do i fix this, just the mobile option?

The deskptop works perfectly, you can see the different menu options i have here > www.fleurstudio.co

 

i used this before and it worked fine on mobile but now its either showing all of them or none

<style>
/* hide items on desktop */
nav.header-nav-list>div:nth-child(7), nav.header-nav-list>div:nth-child(7), nav.header-nav-list>div:nth-child(9), nav.header-nav-list>div:nth-child(10) {
    display: none;
}
/* hide items on mobile */
[data-folder="root"]>div:first-child>div:nth-child(7), [data-folder="root"]>div:first-child>div:nth-child(8), [data-folder="root"]>div:first-child>div:nth-child(9),[data-folder="root"]>div:first-child>div:nth-child(10) {
    display: none;
}
</style>

Is this for www.fleurstudio.co website?