Mobile nav bar

Permalink Browser Info Environment

I have rebuilt the site with the latest C5, and I have noticed that the navbar in mobile is not a drop down menue like it use to be, could you tell me if it has a special template or something to improve its look?

You can test the site at

Thank you!

Type: Pre-Sale
Status: In Progress
View Replies:
jordif replied on at Permalink Reply

The navbar should collpase as usual in newer versions. Have you added the Slides Nav block to the Slides Nav area?

byvictoria replied on at Permalink Reply
Hi Jordi,

I am using the navbar block, with an html block in Slide one with a custom
code you did for me, so the navbar would be in slide two and stick to the
browsers top when scrowling down.
This is the code:

$( window ).load(function() {
if (!$('html').hasClass('editing')) {
$('#slide2 .site-header').affix({
offset: {
top: function () {
if ( $('html').hasClass('ccm-toolbar-visible') ) {
return $('#slide2').offset().top - 59
} else {
return $('#slide2').offset().top - 10

Is there a class or anything I missing for the menu to become a square drop
down menu in mobile?

Thank you as always Jordi...

jordif replied on at Permalink Reply
I see, so this is very customized, that's why the dropdown is not working by default.

You can try this (not tested):

1) Add the following Custom Classes to the Auto-Nav block:

2) Add an HTML block next to the Auto-Nav block with the following code (this is the "burger" button that shows up on mobile):

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse" style="border-color: #777; z-index: 1200">
   <span class="sr-only">Toggle navigation</span>
   <span class="icon-bar" style="background-color:#333"></span>
   <span class="icon-bar" style="background-color:#333"></span>
   <span class="icon-bar" style="background-color:#333"></span>

Hope this helps!

byvictoria replied on at Permalink Reply
Hi Jordi!

Thanks a lot... It works almost flawless, the only detail is that the
burger button doesn´t align with the logo in the same row, is there a class
I could add to the logo image block that tells him to shrink until he
leaves room for the burger?

Anyway, it is only a nice to have feature, my site is functional without a
mobile menu.

Thanks again...

jordif replied on at Permalink Reply
Oh, i see! Can you try placing the HTML block with the burger button right before the logo?
byvictoria replied on at Permalink Reply
Thank you Jordif!

concrete5 Environment Information

# concrete5 Version
Core Version - 8.4.0RC2
Version Installed - 8.4.0RC2
Database Version - 20180403143200

# concrete5 Packages
Clear Clipboard (0.9.2), Cloneamental (0.9.3), Long Story Short (1.2), Simple Gallery (1.0.7), Wall Gallery Suite (1.0.1), Whale OWL Carousel (

# concrete5 Overrides
blocks/express_form/templates/OrderForm/view.php, blocks/express_form/templates/OrderForm/view.css, blocks/express_form/templates/OrderForm, blocks/express_form/templates/newsletter/view.php, blocks/express_form/templates/newsletter/view.css, blocks/express_form/templates/newsletter, blocks/express_form/templates/premades/view.php, blocks/express_form/templates/premades/view.css, blocks/express_form/templates/premades, blocks/express_form/templates, blocks/express_form, blocks/image/templates/magic_pop/view.js, blocks/image/templates/magic_pop/view.php, blocks/image/templates/magic_pop/controller.php, blocks/image/templates/magic_pop, blocks/image/templates/open_same_window/view.php, blocks/image/templates/open_same_window, blocks/image/templates, blocks/image, blocks/form/templates/victoria/view.php, blocks/form/templates/victoria/view.css, blocks/form/templates/victoria, blocks/form/templates/contactform/view.php, blocks/form/templates/contactform/view.css, blocks/form/templates/contactform, blocks/form/templates/fundamental/view.php, blocks/form/templates/fundamental/view.css, blocks/form/templates/fundamental, blocks/form/templates/newsletter/view.php, blocks/form/templates/newsletter/view.css, blocks/form/templates/newsletter, blocks/form/templates/victoria_1/view.php, blocks/form/templates/victoria_1/view.css, blocks/form/templates/victoria_1, blocks/form/templates, blocks/form

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

# Server Software

# Server API

# PHP Version

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, gnupg, hash, iconv, imagick, imap, intl, ionCube Loader, json, libxml, mailparse, mbstring, mcrypt, memcache, mhash, mysql, mysqli, mysqlnd, OAuth, openssl, pcre, PDO, pdo_mysql, pdo_pgsql, pdo_sqlite, pgsql, phalcon, Phar, posix, pspell, Reflection, session, SimpleXML, snmp, soap, sockets, SourceGuardian, SPL, sqlite3, standard, tidy, timezonedb, tokenizer, uploadprogress, wddx, xml, xmlreader, xmlrpc, xmlwriter, xsl, yaml, Zend Guard Loader, zip, zlib

# PHP Settings
max_execution_time - 300
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 300
max_input_vars - 1000
memory_limit - 256M
post_max_size - 1024M
sql.safe_mode - Off
upload_max_filesize - 1024M
memcache.max_failover_attempts - 20
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.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

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 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 have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.