Search Results for 'mobile menu'

Hi,

Unfortunately the top-bar was not designed for mobile device and it is hidden. You can display the sign in widget on mobile using this custom css in Theme Panel > Custom Css – http://screencast.com/t/XmLAEEm65m

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

If the code doesn’t work please provide a link so I can inspect this.

Thanks!

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.

Hi,

You cannot make the mobile menu to work on tablets just with css code, you will need many modifications to the code, also the javascript and it is not an easy task. I suggest to hire a professional developer to do this for you as we cannot provide custom work, sorry!

Thanks!

Hi,

Unfortunately the mega menu was not designed for mobile devices, sorry! It will display the category name and if you use a parent category also the subcategories will be displayed – http://screencast.com/t/ycAi79JGzek

Thanks!

Hello notpedu,

This is the default state of the theme, but you can make the top-menu appear using custom css like in this topic here: https://forum.tagdiv.com/topic/top-bar-not-showing-on-mobile/
for example:

@media (max-width: 767px){
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-menu {
display: block!important;
}
.menu-top-container {
display: none !important;
}
}

This code will provide this result: http://screencast.com/t/jxljko5scU8T

Thank you.

Hello gagosg,
You need to add this code to the custom css tab in the theme panel:

@media (max-width: 767px) {
.td-icon-mobile:before, .td-icon-search:before{
color: black;
}
@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
    background-color: #FFF !important;
}

It looks like so: http://screencast.com/t/Goaq9vat

Thank you.

• This reply was modified 10 years by Bogdan B..

Hello enpomedia,

It seems you have a custom CSS that sets the mobile background color to white. If you want it set to transparent just change the css that Andrei gave you: https://forum.tagdiv.com/topic/how-can-i-change-the-color-of-moblie-main-menu/ and replace the #fff color to transparent
It should look like this:

@media(max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #transparent !important;
}

Thank you.

• This reply was modified 10 years by Alin [tagDiv].
• This reply was modified 10 years by Alin [tagDiv].

Hi fokus,

We haven’t tested cloudflare’s rocket loader with the theme but usually the rocket loader or automatic compression of js resources cause this. We don’t recommend using an autominify tool as this could generate js conflicts and break features that use js to function as in your case mobile menu and search did.

As I said we don’t recommend automatic compression of theme’s resources but you can try to debug this using browser’s console and exclude from compression those areas which cause issues.

You could also search for ways to this online or turn to a developer to customize your site in this regard.

Hope this helps!
Thanks for the message!

Hi,

Theme’s page mega menu doesn’t have the same functionality on mobile menu version, on mobiles page mega menu leads to the page set as mega menu, that is the normal behavior of it.

We don’t have page mega menu available for newspaper theme demo. But you can see the same behavior on newsmag’s theme page mega menu on mobile version: https://forum.tagdiv.com/topic/mega-page-on-mobile-menu/- http://screencast.com/t/emCO5fBuAqD

Thanks for the message!