menu is broken in desktop view on mobile devices

My website menu is working ok on mobile and desktop version but when open in desktop view on mobile devices its look disorganized can you assist me how to fix this

that my code that I use to fix menu for desktop devices

    span.anispan {
    display: block;
    font-size: 13px;
    text-align: center;
}h1.animatedlogo {
    font-size: 28px;
    font-family: 'Black Ops One', cursive;
    font-style:italic;
        outline: none;
    text-transform: ;
    background: linear-gradient(135deg,#075CC9 0%,#fff 25%,#075CC9 50%,#fff 70%,#075CC9 100%);
    background-size: 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate 5s linear infinite;
}