Add or remove links to the navigation bar depending on screen size in 5.7

Apr 27, 2015

Step 1 Edit the autonav block. In the view.php (Make sure you choose the correct view.php. If you are using a template like the responsive_header_navigation you will have to edit the view.php in that folder) you need to enable the $navItem->attrClass attribute. Line 88 you need to un comment the following

/*
if (!empty($ni->attrClass)) {
    //class that can be set by end-user via the 'nav_item_class' custom page attribute
    $classes[] = $ni->attrClass;
}
*/

to

if (!empty($ni->attrClass)) {
    //class that can be set by end-user via the 'nav_item_class' custom page attribute
    $classes[] = $ni->attrClass;
}

Step 2 Create a Page attribute. In the dashboard Pages & themes, Attributes and create a Text Attribute called nav_item_class. This is documented in the view.php file.

Then for the page depending on what screen size you want to hide or show the link you can use some bootstrap css.

Example if you want to add a facebook and twitter link to a responsive mobile menu you would add them as external links within the sitemap. Then in the dashboard go Sitemap, Page Search and choose attributes for the relevant link. Add the nav_item_class to the page and enter visible-xs

More Bootstrap Available classes are available at http://getbootstrap.com/css/#responsive-utilities-classes

Recent Tutorials
How to update Add-Ons if not on the Update Add-Ons Menu item
Jul 4, 2022

How to manually download an add-on and update it when your site's core versions isn't considered compatible with the add-on version.

Generate a report with author information and form summaries in Concrete CMS.
May 9, 2022

In Concrete CMS, you can use a form to initiate contact between logged-in users and then create helpful reports. After form submissions are collected, they can be searched, sorted, and exported as a spreadsheet. This tutorial will detail how to add author information to a report using the advanced search.

How to clone and customize Atomik theme
Feb 14, 2022
By linuxoid.

How to clone and customize Atomik theme

Update jQuery to 3.5 on Concrete CMS version 8.5.x
Dec 1, 2021
By hissy.

If you have to take some time to fix your site to work with version 9 and want to update jQuery immediately, you can override it.

Add-On Developers: Get Your Add-Ons Ready for Concrete CMS 9.0
Aug 6, 2021
By andrew.

Concrete CMS 9.0 is coming! But there are some changes in version 9 that might affected your add-ons and themes. This document aims to answer questions about the most common ways that your add-ons might need to be changed, and common problems you'll run into.

Permissions for editors in a multilingual site
Jun 2, 2021
By myq.

How to set up a multilingual Concrete CMS site for groups of language-specific editors

Was this information useful?
Thank you for your feedback.