• Home
  • Add-ons
  • Templates
  • Docs
    • Get Started
    • Quick Setup
    • Style Editor
    • Resources
    • Updates
    • Tutorials
  • Blog
     
  • Home
  • Add-ons
  • Templates
  • Docs
    • Get Started
    • Quick Setup
    • Style Editor
    • Resources
    • Updates
    • Tutorials
  • Blog
    29. November 2024

    Introducing Smart Menus

    Introducing Smart Menus - Jimdo

    Introducing a New Feature in Matrix Themes: Smart Menus.

    Sophisticated and fully customizable mega menus for your Jimdo website.

     

    What are smart menus?

    Matrix themes provide various navigation options to suit the structure of your website, including standard menus, standard dropdowns, and mega menus.

    Smart menus are a customizable navigation feature that enhances user experience by allowing you to manually edit links and connect them to a button in the header. When users click this button, an additional menu is displayed, which can include various widgets and dynamic content.

    This functionality provides flexibility, enabling you to design fully customizable menus that incorporate links, widgets, or any type of content, tailored to your website's unique needs.

     

    Showcase

    In this specific case, we have an educational website where you can use a header button labeled 'Top Courses' to display and highlight your most popular courses. There's another button, 'Get in Touch' that can be triggered a dropdown showcasing different content (used here solely for demo purposes). This approach enhances navigation while showcasing key offerings or providing quick access to relevant information.

    smart menu Jimdo has-shadow
    Live Preview

    The other options

    Other ways to utilize smart menus include showcasing special offers, highlighting core services, integrating external widgets, or embedding iframes. These options provide versatile solutions to enhance user engagement and streamline access to essential content on your website.

     

    bg-primary-light br5

    bg-primary-light br5

    bg-primary-light br5

    Smart menus in multilingual templates

    The smart menu can also serve as a simple dropdown menu for language selection in multilingual themes. In this scenario, the smart menu link or button can be strategically placed in the header or the top header section, providing users with an intuitive way to switch between languages.

     

    bg-primary-light br5

    Where to find the smart menu widgets

    In Matrix themes, navigate to Admin Menu > Documentation > Theme Options > Smart Menus to explore various pre-designed layouts and smart menu widgets that can be easily integrated into your website.

    To ensure the smart menu widget is visible across all pages, it should be added to the Widget/HTML module located in the footer section. This placement guarantees consistent accessibility and enhances your site's overall navigation experience.

     

    Important Requirements: To use smart menus on your Matrix themes, ensure your template is updated to the latest version, including the most recent CSS components and JavaScript (JS) releases. This ensures compatibility and optimal performance of the smart menu features.

    tagPlaceholderTags:
    Matrix Themes


    Stand out with professional Jimdo website

    Premium 24/7 Support · Lifetime Updates




    has-right-col-border

    Resources

    • Templates
    • Pre-made Templates
    • Matrix Builder
    • Add-ons
    • Pricing
    • Marketplace

    Documentation

    • Get Started
    • Quick Setup
    • Style Editor
    • Tutorials
    • Updates

    Quick links

    • Made with Matrix
    • Style Guide
    • Shortcodes
    • Jimdo Creator
    • Small Business websites
    • Feedback

    Try Matrix Builder
    draggable-logo

    Global colors
      bg-primary
      bg-primary-light
      bg-primary-dark
      bg-secondary
      bg-secondary-dark
    Template colors
      body
      top-header
      top-header-inner
      header
      header-inner
      navigation-inner
      navigation color
      dropdown background color
      content
    Footer Styles
      background
      text color
      link color
      horizontal line
    Buttons
      style 1
      style 2
      style 3
      text color
    Mobile navigation
      background color
      navigation color
    Other elements
      social icons
      top header border
      header border
      nav inner border
    Template configurations
     
    has-center-nav has-sticky-logo has-large-header g-font no-shopping-cart
     
    Top header inner
     
     
     
    Header inner
     
     
     
    Navigation inner
     
     
     
    Navigation styles
     
    snip-nav --line01
     
    Sub-menu (breadcrumbs) styles
     
    size-15
     
    Mobile Navigation styles
     
    size-30
     
    Content styles
     
    form-white
     
    Footer styles
     
    o-form color-white
     
    Footer background image
     
     

     

    Typography

    Heading H1
    weight-400
     
    Heading H2
    weight-400
     
    Heading H3
    weight-400
     
    Buttons
    weight-400
     
     
    Advanced settings
     
    Custom CSS

     

    #cc-inner .my-class {

      color:#f0f0f0;

    }

     


    Note:
    All changes made here will be applied to your entire website.
    is-switcher

    About | Privacy Policy | Cookie Policy | Sitemap
    Created with Jimdo
    Log in Log out | Edit
    • Scroll to top
    Close