Mobile Overlay Menu Language-Switch Icon Reposition

The Language-Switch icon default is to appear at the very bottom of the mobile overlay screen. I need to modify its position to appear in the middle or the top of the overlay screen, but have NO IDEA of how to do this, as I have ZERO coding skills. Help!

@PJGND Would it be possible to share your site URL? I can take a look and write the required code. 

https://leavebigpharmabehind.com

41 minutes ago, PJGND said:

https://leavebigpharmabehind.com

 

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

@media only screen and (max-width: 767px) {
  .header-menu-nav-folder {
    justify-content: center !important;
    .header-menu-nav-folder-content {
      flex-grow: inherit !important;
    }
  }
}

Add the code I wrote to the Custom CSS panel, not the Page Header Code Injection panel.

You’ll find the Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

To place at the top:

@media only screen and (max-width: 767px) {
    .header-menu-nav-folder-content {
      flex-grow: inherit !important;
    }
}

To place in the middle:

@media only screen and (max-width: 767px) {
	.header-menu-nav-folder-content {
		flex-grow: inherit !important;
	}
	.header-menu-nav-folder {
		justify-content: center !important;
	}	
}