Hello!
How to enable that Top Bar will be visible on mobile?
Thanks.
Best regards.
Hello robert4web,
The theme was designed in such a way that the top menu is hidden on the mobile version. There is a workaround however, using a custom CSS code, but you need to tell us what you want your mobile top-menu to contain, because the space is limited on mobile phones and adding all of the content (login widget, menu and social icons) will take up a big portion of the screen.
Examples:
full content: http://screencast.com/t/TXZeKqUbxqyY
login widget with social icons: http://screencast.com/t/jxljko5scU8T
just login widget: http://screencast.com/t/ISsO24sPjd1v
Thank you.
Hello Bogdan!
Thanks. I need full content – http://screencast.com/t/TXZeKqUbxqyY. Social links are not so important so they can be hidden, but important are other links in top menu.
I added this CSS:
@media (max-width: 767px) {
.td-header-top-menu-full
.td-header-sp-top-menu {
display: block !important;
}
.td-header-topmenu-full {
display: block !important;
}
}
But no effect. Did I miss something? Thanks
Best regards.
R.
Try this code. it should work and display full content.
@media (max-width: 767px) {
.td-header-top-menu-full, .td-header-top-menu-full .td-header-sp-top-menu {
display: block !important;
}
.top-header-menu li a {
font-size: 12px !important;
margin-right: 5px;
}
}Thank you
P.S. if you want to remove the social icons you can add
.td-header-sp-top-widget{
display:none!important;
}
before the last closing curly brace
Hello Bogdan!
Thanks. 🙂 Your code works.
Best regards.
R.
