Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Responsive menu on tablet

  • Jordi Sorts Quintana
  • Jordi Sorts Quintana's Avatar Topic Author
  • Offline
  • Junior Member
More
6 years 1 month ago #136878 by Jordi Sorts Quintana
Jordi Sorts Quintana replied the topic: Responsive menu on tablet
Ok.

But the toggle menu on landscape always is active now ....

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago #136879 by Yiota Ziaggou
Yiota Ziaggou replied the topic: Responsive menu on tablet
The media query px should be replaced in all max-width and not just the first line, like
@media only screen and (max-width: 1024px),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width : 1024px),
only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width : 1024px),
only screen and (min-device-pixel-ratio: 1.5) and (max-width : 1024px) { ...

same with 1026px media query.
Also in your media query in custom.css you should also change the 799px with 1024px and remove the

/* Visibility */
nav.mainNavigation ul.menu ul,
nav.mainNavigation ul.menu ul ul,
nav.mainNavigation ul.menu li:hover ul { display:block; }
since it is now covered by the other media query in template.css

Note to new users: Please remember to search the forum before posting a question!

Please Log in or Create an account to join the conversation.

  • Jordi Sorts Quintana
  • Jordi Sorts Quintana's Avatar Topic Author
  • Offline
  • Junior Member
More
6 years 1 month ago #136880 by Jordi Sorts Quintana
Jordi Sorts Quintana replied the topic: Responsive menu on tablet
Many many many thanks !!!

Now it's working perfect !

Please Log in or Create an account to join the conversation.

  • Jordi Sorts Quintana
  • Jordi Sorts Quintana's Avatar Topic Author
  • Offline
  • Junior Member
More
6 years 1 month ago #136881 by Jordi Sorts Quintana
Jordi Sorts Quintana replied the topic: Responsive menu on tablet
Hello another time ...

Now the problem is with sub-items, in responsive menu isn't displayed ...

Thanks.

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago #136882 by Yiota Ziaggou
Yiota Ziaggou replied the topic: Responsive menu on tablet
In line 2057 (template.css) there is the following statement.
nav.mainNavigation ul.menu ul, nav.mainNavigation ul.menu ul ul, nav.mainNavigation ul.menu li:hover ul { .... }

replace the display:none; with display:block;

Note to new users: Please remember to search the forum before posting a question!

Please Log in or Create an account to join the conversation.

  • Jordi Sorts Quintana
  • Jordi Sorts Quintana's Avatar Topic Author
  • Offline
  • Junior Member
More
6 years 1 month ago #136883 by Jordi Sorts Quintana
Jordi Sorts Quintana replied the topic: Responsive menu on tablet
Great ! Now it's working perfect.

Many thanks !

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum