DJ menu always shows the select drop down

More
6 years 2 months ago #3414 by rogerroget
rogerroget created the topic: DJ menu always shows the select drop down
The dj-menu extension always displays the select box that is only supposed to appear for smaller screen sizes. It appears that an extra div is being created using the chosen.js in addition to the div id dj_main###select.

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

More
6 years 2 months ago #3416 by marcin
marcin replied the topic: Re: DJ menu always shows the select drop down
Hello,

It is working on our demo website in a proper way.
Could you provide us with an url address, please? We will take a closer look to this issue.

Regards,
Marcin

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

More
6 years 2 months ago #3420 by rogerroget
rogerroget replied the topic: Re: DJ menu always shows the select drop down
It is a local install at the moment. I've been trying to figure out whether it is the dj-menu extension or the template itself that is inserting the offending div. Looking at your demo site I see that:
<select id="dj-main102select" class="inputbox dj-select chzn-done" style="display: none;">

should be generated, and it is on my site as well. But right after that:
<div id="dj_main102select_chzn" class="chzn-container chzn-container-single chzn-container-active" style="width: 220px;">

is also generated.

Is there any other info I could provide you since there is no url assigned yet?

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

More
6 years 2 months ago #3424 by marcin
marcin replied the topic: Re: DJ menu always shows the select drop down
Hello,

The select box is hide/show using css styles.
The script creates a new div as fancy select box and adds the "display: none;" style to the select box. This is causing the issue in this case.

I guess that you will have to add some css styles:
- display none with "!important" property for the dj menu select box and the new div
(global styles)
- for certain media queries you will have to add display block with "!important" property for the new div
(responsive_css.php file)

Regards,
Marcin

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

More
6 years 2 months ago #3429 by rogerroget
rogerroget replied the topic: Re: DJ menu always shows the select drop down
Thanks for your help!

One of the problems I'm having is finding out which php file is generating that second div.

I attempted editing various display elements with the !impirtant tag but nothing was really clicking and making sense.

Your suggestion made me think of a workaround though. I simply declared "display: none;" for the exact id selector that was giving me trouble. The second sleect box is still being generated but it does not display. Works perfectly even if it's a bit sloppy coding wise.

I'll post an update if I can figure out why the second div and select box is being displayed.

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

More
6 years 2 months ago #3434 by marcin
marcin replied the topic: Re: DJ menu always shows the select drop down
Hello,

The div after the select box is displayed because probably you are using the chosen.js script as you mentioned in the first post.
That script hides the select box and creates a div that works in similiar way as the select box.

Regards,
Marcin

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

Time to create page: 0.241 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2018 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.