Hiding folder on mobile menu

Site URL: https://www.lagunastella.com/

Hi all. I created 2 language selections using below codes for each page's code injection:

#header .header-nav-item:nth-child(4) {display:none} 

And, it works well for Desktop. Then I inserted below code for the page's code injection to let it hide the same folder item in Mobile version:

@media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(4) {display:none}}

But, Mobile menu, it is also hiding the 4th item under first folder which I believe the code is hiding all 4th item regardless of 4th folder or 4th menu item under first folder. 

Is there any suitable code to used instead of using nth-child or any suggestion/help, please! 

The URL https://www.lagunastella.com/ is locked for public; for the sake of your advice: pass is 11 

Thank you in advance!

Do you still need help on this?

Also, I see your site has a big gap at the bottom of footer on tablet.

On 11/21/2020 at 9:15 PM, tuanphan said:

Do you still need help on this?

If you have a solution to this, I have the same problem. When I hide the 2nd item in the menu, it also hides the second element of the folder.

Thank you!

On 12/6/2020 at 5:48 AM, GRIMTE said:

If you have a solution to this, I have the same problem. When I hide the 2nd item in the menu, it also hides the second element of the folder.

 

Thank you!

Can you share site url? We can check easier