Dex Superfish 2

Advanced Search

Navigation overlapping

Permalink Browser Info Environment
Hi,
Thanks for this add-on. It's the first I've setup as a vertical menu and just having an issue with the responsiveness for a couple of ipad devices, where the left menu is overlapping into the text to the right. I wasn't sure where to target the media queries for this. I've attached a screenshot as an example. Any assistance would be appreciated. Thanks.

1 Attachment

Type: Pre-Sale
Status: In Progress
anete
View Replies:
dexcode replied on at Permalink Reply
dexcode
Hi,

Can I get a link to the site so I can have a look for myself?

Regards,
Dex
anete replied on at Permalink Reply
anete
Surehttp://www.kensexhaust.com.au - thanks
dexcode replied on at Permalink Reply 1 Attachment
dexcode
Hi Anete,

Sorry for the delay but I am pretty busy today.

The problem arises because of the column widths you are using. You have 3 columns with column1 being 13.333333% and the other 2 columns at 39.333333%, I see these set in your skeleton.css file. The menu is set at a width of 12em.

Here is a quick solution I can think of off the top of my head and that is to 
@media only screen and (max-width: 768px) {
    /* Adjust left column to be same width as the menu */
    .page .two.columns {
        width: 21.3333333333%;
    }
    /* Adjust far right column to fit on same row */
    .page .column:last-child, .page .columns:last-child {
        width: 30.3333333333%;
    }
}

You will also need to remove the 'mr20' class from both of the 'five columns' divs.

Regards,
Dex

concrete5 Environment Information

# concrete5 Version
Core Version - 8.3.1
Version Installed - 8.3.1
Database Version - 20171218000000

# concrete5 Packages
Block Designer (3.0.0), Dex Superfish (2.1.0), Easy Image Gallery (1.4.2), Info Box Grid (1.8)

# concrete5 Overrides
blocks/page_list/templates/thumbnail_grid/view.php, blocks/page_list/templates/thumbnail_grid/view.css, blocks/page_list/templates/thumbnail_grid, blocks/page_list/templates/grid/view.php, blocks/page_list/templates/grid/view_copy.php, blocks/page_list/templates/grid/view.css, blocks/page_list/templates/grid, blocks/page_list/templates, blocks/page_list, blocks/autonav/templates/footernav.php, blocks/autonav/templates/second.php, blocks/autonav/templates/drop_down_menu/images/menuback.jpg, blocks/autonav/templates/drop_down_menu/images/shadow.png, blocks/autonav/templates/drop_down_menu/images/arrows-ffffff.png, blocks/autonav/templates/drop_down_menu/images, blocks/autonav/templates/drop_down_menu/view.php, blocks/autonav/templates/drop_down_menu/view_copy.css, blocks/autonav/templates/drop_down_menu/js/menu.js, blocks/autonav/templates/drop_down_menu/js, blocks/autonav/templates/drop_down_menu/view.css, blocks/autonav/templates/drop_down_menu, blocks/autonav/templates/breadcrumb.php, blocks/autonav/templates, blocks/autonav, blocks/feature/view.php, blocks/feature/view.css, blocks/feature, blocks/tractors/icon.png, blocks/tractors/add.php, blocks/tractors/db.xml, blocks/tractors/form.php, blocks/tractors/composer.php, blocks/tractors/view.php, blocks/tractors/controller.php, blocks/tractors/config.json, blocks/tractors/edit.php, blocks/tractors, themes/kensexhaust/left_sidebar.php, themes/kensexhaust/extractors.php, themes/kensexhaust/elements/header.php, themes/kensexhaust/elements/header_copy.php, themes/kensexhaust/elements/footer_cart.php, themes/kensexhaust/elements/headercopy2.php, themes/kensexhaust/elements/footer.php, themes/kensexhaust/elements, themes/kensexhaust/grids/skeleton_grid.php, themes/kensexhaust/grids, themes/kensexhaust/default.php, themes/kensexhaust/css/bootstrap-modified.css, themes/kensexhaust/css/skeleton.css, themes/kensexhaust/css/main.less, themes/kensexhaust/css, themes/kensexhaust/New folder, themes/kensexhaust/tractor.php, themes/kensexhaust/right_sidebar.php, themes/kensexhaust/update.php, themes/kensexhaust/view.php, themes/kensexhaust/home.php, themes/kensexhaust/main.css, themes/kensexhaust/README.md, themes/kensexhaust/animate.css, themes/kensexhaust/js/jquery.pagepiling.js, themes/kensexhaust/js/selectivizr-min.js, themes/kensexhaust/js/animatefunctions.js, themes/kensexhaust/js/html5.js, themes/kensexhaust/js/custom.js, themes/kensexhaust/js/wow.min.js, themes/kensexhaust/js, themes/kensexhaust/exhaust.php, themes/kensexhaust/page_theme.php, themes/kensexhaust/thumbnail.png, themes/kensexhaust/description.txt, themes/kensexhaust/sass/_normalize.scss, themes/kensexhaust/sass/skeleton.scss, themes/kensexhaust/sass, themes/kensexhaust/full.php, themes/kensexhaust/gallery.php, themes/kensexhaust/aboutlynley.php, themes/kensexhaust/tractorgallery.php, themes/kensexhaust

# 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.4.7

# Server API
cgi-fcgi

# PHP Version
5.6.23-2+deb.sury.org~trusty+1

# PHP Extensions
bcmath, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, gmp, hash, iconv, json, libxml, mbstring, mhash, mysql, mysqli, mysqlnd, openssl, pcntl, pcre, PDO, pdo_mysql, Phar, posix, readline, Reflection, session, shmop, SimpleXML, sockets, SPL, standard, sysvmsg, sysvsem, sysvshm, tokenizer, wddx, xml, xmlreader, xmlwriter, xsl, Zend OPcache, zip, zlib

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

Browser User-Agent String

Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:59.0) Gecko/20100101 Firefox/59.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.