Mobile compact menu even for tablets

Posted in: Newspaper
Post count: 19

Hello,

is it possible to display the mobile header menu (the button with 3 lines) also for tablets with 768×1024 resolution?

Post count: 21065

Hello!

Yes. Select the tablet viewport and add the element called “Mobile menu”.
Or you can use a modal popup: https://forum.tagdiv.com/modal-popup/, like in this demo: https://demo.tagdiv.com/newspaper_chained_news_pro/

Thank you!

Post count: 19

Where can I find the tablet viewport?

I would like to increase the phone resolution from 767px to 1279px, so that the horizontal non-mobile menu on higher resolutions still appears.

Thank you

Post count: 21065

Hello!

When you edit the page with the TagDiv Composer, you can see the tablet viewport and mobile viewport:https://www.screencast.com/t/YUVUcyrgh; https://www.screencast.com/t/XDQJedlggSB

Thank you!

Post count: 19

I’m really sorry to bother you but my TagDiv Composer looks like this one:

https://forum.tagdiv.com/wp-content/uploads/2017/05/Newspaper-tagDiv-Composer.jpg

and I can’t find the buttons you pointed to anywhere.

Do I have to update the Composer to the newest version?

Post count: 21065

Hello!

Please click any element and you can see the viewports.

Thank you!

Post count: 19

Ok, I’ve found the viewport buttons, but I’d like to assign the mobile menu only to the tablet portrait and not to the tablet landscape and desktop.

As soon as I add the mobile menu button to the portrait viewport, it appears on all viewports.

My menu looks really ugly on tablets. Showing a mobile menu instead of the full menu would be nicer.

Post count: 35449

Hello pistacio,
Normal if you set an element in header this will be display in all those view ports -> https://i.imgur.com/dxryzD0.png if you set it on mobile view port then will be display only there -> https://i.imgur.com/z65NMdk.png
Now if you want to set it only on portrait -> https://i.imgur.com/lnmv5CP.png then you need to hide it on the rest of the view ports -> https://i.imgur.com/0ctIHdp.png (you can hide the elements on view ports).
I hope this will help you!
Thank you!

Post count: 19

All clear! This is exactly what I was looking for!

Thank you so much!

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