Top header menu bar customization

Hi, on http://www.ginnasticaardorpadova.com I am using Divi theme and I set up the top header secondary menu with those social icons by using the following CSS.

The problem is that on smartphones, the secondary menu is moved into the mobile menu and that really sucks. The first line should do the trick but even increasing the min-width value I can’t stop it from moving the menu items into the mobile menu.

You got any hint?

Thanks a lot!

@media (min-width: 980px) {

#top-header .container {
padding: 0 !important;
}

#et-secondary-menu {
float: none;
}

#et-secondary-nav li {
margin-right: 0;
}

#et-secondary-nav li a {
padding: 0.75em 1em;
}

#et-secondary-nav {
width: 100%;
text-align: right;
}

/* Add the class’left’ to any menu item to float it to the left of the menu */
#et-secondary-nav li.left {
float: left;
}

/* Add the class ‘facebook’ to any menu item to give it Facebook’s background colour */
#et-secondary-nav li.facebook {
background: #3b5998;
}

/* Add the class ‘twitter’ to any menu item to give it Twitter’s background colour */
#et-secondary-nav li.twitter {
background: #55acee;
}

/* Add the class ‘instagram’ to any menu item to give it Instagram’s background colour */
#et-secondary-nav li.instagram {
background: #125688;
}

/* Add the class ‘cta’ to any menu item to turn it into a Call to Action button */
#et-secondary-nav li.cta {
background: #f8994a;
}

}