Mega menu pushes to second row

Permalink Browser Info Environment
Mega menu expands on to a second line when there are too many navigation options, but it does not apply the background colour (so it ends up putting white text on a white background) and it also does not apply an appropriate margin to push down the rest of the page content so it doesn't overlap.

Type: Pre-Sale
Status: In Progress
View Replies:
jb1 replied on at Permalink Reply
jb1
Apologies for the delay in getting back to you, and thanks for your patience.

Yes, this is a typical situation. It's best practice to either reduce the font size of the menu (using responsive CSS styling) or limit the number of top level menu items. Off the top of my head, the background colour is applied to the "UL" element, but you could apply it to the surrounding DIV tag or even the individual LI elements. But I'd suggest the first scenario of reducing font size or limiting number of menu items if possible.

Hope this helps.

JB

concrete5 Environment Information

# concrete5 Version
Core Version - 8.2.1
Version Installed - 8.2.1
Database Version - 20170802000000

# concrete5 Packages
Accessibility per User (1.0), Advanced HTML Block (0.9), Ajax Page List (0.9), Background Image and Overlay (0.9.9), Breadcrumb Trail Page Links (1.1), C5DK Merry Christmas (0.9.1), Call to Action (1.0.0), Cloneamental (0.9.1), Code Display (1.0.1), Customize Editing Interface (0.9.1), Daily Message (1.0), Event Calendar (3.4), EZ Bio (1.0), EZ Event (1.0), Frontend Form Results (0.9.0), HTML+PHP Code Block (1.0.1), Image Link With Content (1.1), Infotown Table (0.9.9), Likes This! (2.0.1), List files from set (1.0.12), Login/Logout Link (1.0), Login Block (0.9.3), Login Page Background (0.9.1), Manual Nav (2.1.1), Mega Menu (1.6.2.2), Neat (0.9.2), Pagelist - masonry custom template (1.0), PDF Viewer (1.0.1), Quick Tabs (1.0), Redirect (1.0.0), Ronyd Expanded Search Bar (2.0), Simple Anchor (1.0.1), Simple Blog setup (1.0.1), Smooth Link Scrolling (1.0), Spacer (0.9.3), Stylish Ordered Lists (1.0), Thumb Gallery (1.0.3), Vivid Simple Accordion (1.0.1), Wrap anything (0.9.2)

# concrete5 Overrides
blocks/autonav/templates/colourblocks/view.js, blocks/autonav/templates/colourblocks/view.php, blocks/autonav/templates/colourblocks/view.css, blocks/autonav/templates/colourblocks, blocks/autonav/templates/colourblocksList/view.js, blocks/autonav/templates/colourblocksList/view.php, blocks/autonav/templates/colourblocksList/view.css, blocks/autonav/templates/colourblocksList, blocks/autonav/templates/view.php, blocks/autonav/templates/GreyList/view.php, blocks/autonav/templates/GreyList, blocks/autonav/templates/response/view.js, blocks/autonav/templates/response/view.php, blocks/autonav/templates/response/view.css, blocks/autonav/templates/response, blocks/autonav/templates, blocks/autonav, jobs/clear_empty_workflow_progress.php, single_pages/formResults.php, single_pages/register_old.php, single_pages/members/directory.php, single_pages/members, page_templates/custom.php

# 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/2.2.15 (Red Hat)

# Server API
apache2handler

# PHP Version
5.6.30

# PHP Extensions
apache2handler, bz2, calendar, Core, ctype, curl, date, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, hash, iconv, imap, intl, json, ldap, libxml, mbstring, mcrypt, memcache, mhash, mysql, mysqli, mysqlnd, odbc, openssl, pcre, PDO, pdo_mysql, PDO_ODBC, pdo_sqlite, Phar, posix, Reflection, session, shmop, SimpleXML, soap, sockets, SPL, sqlite3, standard, sysvmsg, sysvsem, sysvshm, tokenizer, wddx, xml, xmlreader, xmlwriter, xsl, zip, zlib

# PHP Settings
max_execution_time - 3600
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 600
max_input_vars - 5000
memory_limit - 4G
post_max_size - 1024M
sql.safe_mode - Off
upload_max_filesize - 1024M
ldap.max_links - Unlimited
memcache.max_failover_attempts - 20
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
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 6.1; Win64; x64; rv:54.0) Gecko/20100101 Firefox/54.0

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.