Search Results for 'mobile menu'

Hi,

Not sure what you mean, the subfooter menu is displayed on mobiles – http://screencast.com/t/DM0l12ZnbWb8

Thanks!

Hi,

You cannot load another submenu for mobile devices. A solution is to add the submenu as usually for the menu item that it is megamenu and hide it only for tablets and desktop. So for mobile it will look the same – http://screencast.com/t/a6XrmiMi
The result in this point is – http://screencast.com/t/x1QZJm2Ahb so you can use media queries to hide the subitems on for tablets and desktop – http://screencast.com/t/BfK7I47VU
Result on mobile – http://screencast.com/t/wYEpuZKBNcTj

@media(min-width: 768px) {
.menu-item-3994 .sub-menu > .td-normal-menu {
display: none;
}
}

Thanks!

Hi,

Unfortunately the megamenu was not designed for mobile menu, so it will not display the page content there.
You could try to sort your submenu items in few categories – http://screencast.com/t/cJoRhJZNKil – http://screencast.com/t/d3mYTHqv4
Or you can use the unique class of the menu item to create something similar where you need – http://screencast.com/t/NG6Z87oNQkjz

@media (min-width: 768px){
.menu-item-690 ul {
overflow: overlay;
height: 500px;
}
}

Thanks!

Hello,

Thank you for this solution. I am sure it will help a lot of people here on the forum with the mobile version of their website. It is a good alternative to showing the top menu on the mobile version. We hope in a future update we will be able to adjust our mobile version and implement a few options for it as well.

Thank you!

Hello,

1) The top menu containing the login widget is hiden on the mobile version. It was a design choice and it can be forced to appear using custom css:

@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;
}
.td-header-sp-top-widget {
display: none !important;
}
}

Just add the code in the theme panel->custom css box.

2) and 3) please provide more details to your problems. Be more descriptive and provide a link to your website so we can inspect the problems and come up with a solution.

Thank you!

Hi sejpost,

Yes, it is possible. First of all you must create a custom link within wordpress like this-> appearance->menu->custom link: http://screencast.com/t/cwbTeaDq and in next step please try a bit of css below:

@media (min-width: 768px){
.menu-item-57 {
display: none;
}
}

Attention: Every custom link newly created has a different id and you must target this in CSS for a result. This id you can find like this: http://screencast.com/t/Nz1kracbMa7a

The result: http://screencast.com/t/812JzGp9473 http://screencast.com/t/V6fAus84ivvx

For your second request, our theme has not been designed to display view of the desktop version in mobile version.

If is not what do you want, please provide more details.

Hope this helps.

Thanks.

• This reply was modified 10 years by Catalin.

Hi,

You can check the our demo and see how the mobile menu works – http://screencast.com/t/j13jVsaxT0i if you need another implementation I suggest to get a professional developer to help you with this as the time doesn’t allow us to provide custom work. Also the plugin you use for for menu affects the the theme as the theme has already a mobile version.

Thanks!

Hello,

I have checked your website on multiple tablets and the top menu displays fine (maybe you got it fixed?): http://mobiletest.me/ipad_mini_emulator/?u=http://www.journaldufranc.com/
It does not overflow the line as suggested above. Please also test this on your end and provide more details if we have different results.

Thanks.

Hi jimmysong,

For get a transparent background, please follow the steps below:
http://screencast.com/t/bmQ9e6Cd

This steps you should follow and for top menu/main menu or mobile menu background color within Theme panel.

An exemple you can see here: http://screencast.com/t/d4qUaS9y5c5

Thanks and let us how it goes.

Hi,

You could make the login widget appear only on the mobile version. You can hide the login with css and then force it to appear on mobile. Then make the login in the main menu disappear on mobile so you won’t have 2 logins in the mobile version. This seems the easiest way. The drop-down way involves a bit of coding knowledge and it will be no easy task. unfortunately we cannot provide custom work at the moment, you will have to hire a freelancer to do it.
I hope this helps.

Thanks.