Mobile menu – topbar

Hello!

How to make visible Top bar menu on mobile in Newsmag?

I tried with this code (works fine in Newspaper):

@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;
}
}

But this code don’t have any effect in Newsmag. Thanks.

Best regards,

R.

Hi

Please provide your site url so I can have a closer look and get back to you with a more accurate answer.
Thanks!

Hello!

The site url is http://www.mojezdravje.net.

Best regards,

R.

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/DM8jfuJH

@media (max-width: 767px) {
.td-header-top-menu {
display: block;
}
.top-bar-style-1 .td-header-sp-top-widget {
float: none;
display: table;
margin-left: auto;
margin-right: auto;
}
}

Thanks!

Hello!

Thanks. It is fine, but how to do that in mobile menu topbar will display only menu, without social icons, rss, e-mail, weather and date?

Thanks.

Best regards,

R.

Hi

Try this css: http://screencast.com/t/uGBmQMjscvdW

@media (max-width: 767px) {
.td-weather-top-widget, .td_data_time, .td-header-sp-top-widget {
display: none!important;
}
}

Thanks!

Hello Andrei!

Thanks. 🙂 You code works.

Best regards,

R.