Documentation
Nickarce.com
  • ⏳Changelogs
    • Mega Menu Template
  • 📃Docs
    • Mega Menu Template
      • Getting Started
        • Importing Template
        • Add Your Logos
        • Navigation Items
        • Importing Mega Dropdown Template
        • Dropdowns
          • Menu Dropdowns
          • Mega Dropdowns
        • Mobile
      • How To's
        • Change Mega Dropdown Container Width
        • How to Change Back Button Text
        • Add Scrollbar On Mobile Menu
        • Adding Custom CSS
        • Change Dropdown Activation Toggle
        • How to Query Loop Over Menu Dropdown
Powered by GitBook
On this page
  • Add Your Desktop Logo
  • Add Your Mobile Logo (if desired)
  • Q: What if you dont want a mobile logo?
  1. Docs
  2. Mega Menu Template
  3. Getting Started

Add Your Logos

PreviousImporting TemplateNextNavigation Items

Last updated 2 months ago

Add Your Desktop Logo


  1. find layer "logo" and select your image

  2. update any of the information found on the content tab of the image. It is setup to get you started with a preferred set of settings.

Add Your Mobile Logo (if desired)


Feature added with V1.5

  1. Find layer "mobile logo" and select your image

  2. Navigate to your SCSS sheet and look for $mobile-logo and change it's value to "true"

$mobile-logo: false; // SELECTION (true/false)
  1. In your SCSS sheet look for $mobile-logo-height and change its value to your preferred mobile logo height.

// WHAT HEIGHT DO YOU WANT THE LOGO? ******
$mobile-logo-height: 3rem;

Q: What if you dont want a mobile logo?

A: You can delete the item "Mobile Logo" from the structure panel. The relevant CSS for it will not load unless you have $mobile-logo set to true.

The mobile logo will not show on all browsers. It will show for browsers that support :has() see this link for browser compatibility

📃
https://caniuse.com/?search=:has()