#Quickmenu 3 pro
#Quickmenu 3 trial
#Quickmenu 3 free

All custom and additional styling should still be incorporated in your own SCSS file(s) however, to retain the independence of the Quick Menu package and ensuring it can continue to be updated without conflicts. button Sass Customisationsīy importing the pre-compiled Sass source files into your project, you can take additional advantage of configuring the Quick Menu to your preference/requirements. The use of the !important property should be unnecessary when following these rules as none have been applied in the Quick Menu CSS. above) your own stylesheet in your HTML document.

To ensure your custom CSS takes precedence, place the Quick Menu CSS before (i.e. By targeting specific elements in your own custom CSS, you can overwrite the default values. The Quick Menu has been designed to balance providing minimal styling whilst still offering a ready-made solution, therefore even if you're using this package via a CDN you are still able to customise the styling properties. To ensure that the additional content you insert only appears inside the Quick Menu for mobile and tablet devices and is not present on desktops, you can add the qm-only class to HTML elements. menu div (as illustrated in the 'Minimal: Renaming Close Button' and 'Full Fledged' HTML examples above). You can embed additional content inside the. such as a search field) inside the Quick Menu. qm-only ClassĪs a part of your requirements you may need to present additional content or features (e.g. Otherwise you can wrap your icons in a div element with the. If you're using FontAwesome icons via the element for example, you can apply the. However we have introduced a qm-icon class to provide minimal styling to reduce your workload. Any icon styling will need to be applied from your own custom CSS.

The Quick Menu has been designed to enable you to use any iconography set on the menu, including images/SVGs, fonts and etc. My Menu My Menu Explore the contents of this site by jumping around using the following handy menu. The customisation capabilities are reduced by using a CDN, however you should still be able to make modifications by overwriting the Quick Menu styling properties in your own custom CSS.

#Quickmenu 3 free

Installation Quick Start via CDNįor a quick and simple way to implement the Quick Menu into your project, we can use the free open source jsDelivr CDN.

#Quickmenu 3 trial

You can find a live demo at .Įnsure you're on a mobile or tablet device to trial the Quick Menu, otherwise the desktop mode will be rendered which is an inline navigation.

No development dependencies, libraries or prerequisites required.

No need to duplicate navigation links for each device type and content display controlled purely via CSS. Desktop will render a basic inline navigation.

Responsive for mobile, tablet and desktop.

Menu wording and content all customisable in HTML.

Compatible with mobile devices with non-rectangular screens, i.e.

#Quickmenu 3 pro

Mobile landscape orientation supported and tested up to Apple iPhone 12 Pro Max and Samsung Galaxy S20 Ultra.

Themeable with support for both light and dark mode based on user's device preference.

No need to stretch or use a second hand to open a hamburger menu. The new forward-thinking standard of mobile navigation for the web, providing an unparalleled user experience.