Hello,

The mobile screen width is limited and that is why by default the top header is not displayed when the page reaches t=mobile width size. If you must have it then you will have to add some custom css.
Add this code into your Custom Css box (in General Options):

@media (max-width: 767px){
.top_nav {
    display: block;
    width: 73% !important;
}}

Result screenshot: https://pho.to/AcOac
Let us know.

Best regards!

Hello,

Please try editing the max width: @media (max-width: 767px) to @media (max-width: 480px)
Let us know.

Best regards!

Hello,

That’s strange. Perhaps you did not added it right. Please add the login information in your profile. So we can do this for you.
Read this article for more information.

Best regards!

Hello,

Can you please check the credentials again? I am not able to login. See screenshot.

Best regards!

Hello,

You had errors in your css code. I fixed them and added !important to the code i gave you. Please check your site. The socials do show up in mobile and tablet.
Let us know.

Best regards!

Hello,

I edited the code back. Please check your site. It’s showing like you wanted it now.

Best regards!