![]() 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. 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. 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.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.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |