Juniper

Advanced Search

Drop Down Navigation

Permalink Browser Info Environment
Hi - We are building out the website and noticed that the drop-downs do not show on hover. They only show on the click... is there a setting somewhere that I can change this. We are worried people won't know to click.

Thanks!
Type: Ticket
Status: Archived
sungraphics
View Replies:
pilipala replied on at Permalink Reply
pilipala
Hi

This is the standard Bootstrap dropdown menu behaviour, and is built this way to be more accessible for touch devices. I would suggest leaving it the way it is, as I believe that people are very familiar with this type of menu, due to the popularity of Bootstrap websites.

If you search on the internet for Bootstrap 3 dropdown hover, you will find several solutions. Because the styles for the Juniper menu are quite complicated, it is probably easier to use a javascript solution, rather than CSS. For example the solution provided by adhi below:

https://stackoverflow.com/questions/16214326/bootstrap-dropdown-with...

You can add the javascript 
<script>
$(function(){
    $('.dropdown').hover(function() {
        $(this).addClass('open');
    },
    function() {
        $(this).removeClass('open');
    });
});
</script>


in the footer.php file just before the </body> tag. You will need to keep a copy of this modified file saved elsewhere to upload if you update the theme, as theme updates will overwrite your changes. This file is located here: juniper\themes\juniper\elements . Alternatively, you could add the script to the Footer tracking codes in the dashboard,if you go to the dashboard > Systems and Settings > SEO and Statistics > Tracking codes.

I haven't tested this thoroughly, and we can't provide support for customisations of the theme, so you may need to check that it works well in different devices.

If you would prefer to use CSS to modify the menu, the CSS file is called topmenu.less and is located here:

juniper\themes\juniper\css\build

You can use this file to see what CSS is being used, but we would recommend you make changes to the CSS in the dashboard design panel.

Thanks,

Jennifer
ConcreteCMS replied on at Permalink Reply
ConcreteCMS
Attention: Since there has been no activity on this issue for two weeks, this issue has been automatically archived.

To re-open this issue, reply to this message.
ConcreteCMS replied on at Permalink Reply
ConcreteCMS
Attention: Since there has been no activity on this issue for two weeks, this issue has been automatically archived.

To re-open this issue, reply to this message.
ConcreteCMS replied on at Permalink Reply
ConcreteCMS
Attention: Since there has been no activity on this issue for two weeks, this issue has been automatically archived.

To re-open this issue, reply to this message.

concrete5 Environment Information

# concrete5 Version
Core Version - 8.3.2
Version Installed - 8.3.2
Database Version - 20180122213656

# concrete5 Packages
Juniper (1.0.5), More Block Templates (0.9.6), Video Background (0.9.9)

# concrete5 Overrides
None

# concrete5 Cache Settings
Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.6.37

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dba, dom, enchant, ereg, exif, fileinfo, filter, ftp, gd, gettext, gmp, hash, iconv, imagick, imap, intl, ionCube Loader, json, ldap, libxml, mbstring, mcrypt, mysql, mysqli, mysqlnd, odbc, openssl, pcntl, pcre, PDO, pdo_mysql, PDO_ODBC, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, pspell, readline, redis, Reflection, session, SimpleXML, soap, sockets, SPL, sqlite3, standard, sysvmsg, sysvsem, sysvshm, tidy, tokenizer, xml, xmlreader, xmlrpc, xmlwriter, xsl, Zend OPcache, zip, zlib

# PHP Settings
max_execution_time - 600
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 1000
memory_limit - 128M
post_max_size - 8M
sql.safe_mode - Off
upload_max_filesize - 2M
ldap.max_links - Unlimited
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
odbc.max_links - Unlimited
odbc.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5
opcache.max_accelerated_files - 2000
opcache.max_file_size - 0
opcache.max_wasted_percentage - 5

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.