[Responsive] [Responsive] how to avoid top menu to become side menu on tablet portrait

Joop Stringer

Question

If I use responsive and select the table portrait mode, the menu on top disappears and the side menu appears, the maincontent is adjusted ...
How can I avoid this and only change it when the tablet is in landscape mode ?

Tried setting the media sizes in the menu-Responsive CSS but no luck ... it either disappears complete or appear both :-)

17 Oct 2013

Tiago Simões

Staff

Hi Joop,

I believe you need to make 2 changes to the menu css:
1 -https://content.screencast.com/users/TiagoSimoes/folders/Jing/media/ccb43c2a-5419-43eb-9790-51ebbd62eda6/2013-10-17_1452.png
2 - https://content.screencast.com/users/TiagoSimoes/folders/Jing/media/9a8e08cd-02ee-4cce-9bd8-89f1152ff483/2013-10-17_1453.png

And another in the responsive theme:
3 - https://content.screencast.com/users/TiagoSimoes/folders/Jing/media/17fe01b6-b8bf-4997-98ae-13e887f70753/2013-10-17_1455.png

Cheers,
Tiago Simões

17 Oct 2013

Joop Stringer

Thanks Tiago ... did not check this out (yet), will do today :-)

This is also an interesting article how to target the different devices
https://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile
and this one
https://stackoverflow.com/questions/16122767/media-query-tablet-portrait-and-below

23 Oct 2013

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.

See the full guidelines