COMMUNITY FORUM

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
Topic Author
Offline
Junior Member

11 years 2 months ago #136878 by Jordi Sorts Quintana

Replied by Jordi Sorts Quintana on 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.

Yiota
Offline
Elite Member

11 years 2 months ago #136879 by Yiota

Replied by Yiota on 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

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

Jordi Sorts Quintana
Topic Author
Offline
Junior Member

11 years 2 months ago #136880 by Jordi Sorts Quintana

Replied by Jordi Sorts Quintana on 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
Topic Author
Offline
Junior Member

11 years 2 months ago #136881 by Jordi Sorts Quintana

Replied by Jordi Sorts Quintana on 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.

Yiota
Offline
Elite Member

11 years 2 months ago #136882 by Yiota

Replied by Yiota on 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;

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

Jordi Sorts Quintana
Topic Author
Offline
Junior Member

11 years 2 months ago #136883 by Jordi Sorts Quintana

Replied by Jordi Sorts Quintana on topic Responsive menu on tablet

Great ! Now it's working perfect.

Many thanks !

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