Navigation Mess

I seem to regularly run into this. The navigation stacking on 7.1 always results in having to enter a custom css code. One code fixes the problem, but creates another. 

On this site the code fixed the centering issue, but now it's no longer vertically centered in the header. It also conflicts with the button on when the screen width shrinks. 

Any advise is greatly appreciated. Thanks.

3 hours ago, AmericanDreadnought said:

I seem to regularly run into this. The navigation stacking on 7.1 always results in having to enter a custom css code. One code fixes the problem, but creates another. 

On this site the code fixed the centering issue, but now it's no longer vertically centered in the header. It also conflicts with the button on when the screen width shrinks. 

Any advise is greatly appreciated. Thanks.

Can you share URL so I can check it?

On 6/2/2024 at 4:21 AM, tuanphan said:

try add

top: 50%;

and remove transform: translateX(-50%);, use

transform: translate(-50%,-50%);

 

Thank you!