A different menu for Mobile devices

Posted in: Newspaper
Post count: 8
kameyo
#13675
May 29, 2014 at 2:13 pm

Hi,

I’m using top and main menu and they work great on desktop, showing the information I want users to access at first sight. But when you see the page on mobile phones the top menu dissapears and some important links are unaccesible. Would it be possible to create a new menu to be used just on mobile version? It would include items from top and main menu mixed.

As always, thanks a lot for this great theme and support. Regards,

Pablo.

Post count: 3343
Marius
#13712
May 30, 2014 at 10:03 am

Hi,
Can be done but require some custom work to make a nice solution with 2 menus, what you can do is to unhide the top menu for mobile. Add this CSS in theme panel -> Custom CSS

@media (max-width: 767px) {
   .td-header-menu-wrap {
       display: block;
   }
}

Thanks!

Post count: 8
kameyo
#13889
Jun 2, 2014 at 9:18 pm

Hi Marius,

Thanks for the tip, I’m afraid it doesn’t works. We just launched the site on the final URL, you can check the top menu issue at http://www.ciclosfera.com

Post count: 854
Radu A
#13914
Jun 3, 2014 at 11:49 am

hi,
marius forgot to put the !important kwyword in the css rules.
put this code :

@media (max-width: 767px) {
   .td-header-menu-wrap {
       display: block !important;
   }
}

here: http://screencast.com/t/pGdM4vDgP

result: http://screencast.com/t/IVTKQfij

as the width of the site gets smaller the menu will start to be ugly.
like marius said this task require custom work. if you are not a developer please hire one for this task.

Thanks for you message.
Radu A.

Post count: 8
kameyo
#13931
Jun 3, 2014 at 6:56 pm

Hi, thanks again for your answer, now it works reat on desktop but menu still doesn’t appears on my mobile. Anyway, as you say, as the with of the screen gets smaller the menu starts to look ugly. I will try to find a way to make a different menu to be shown on small screens.

Regards,

Pablo.

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.