/* ═══════════════════════════════════════════════════════════════ VENTRO-STYLE MEGA MENU — RecallSW v3 Structural layout only — no colour or typography changes ═══════════════════════════════════════════════════════════════ */ /* ── 1. Full-width mega-menu panel ── */ /* Use position:fixed to escape the nav container and span full viewport */ li.menu-item-has-mega-menu > ul.elementor-nav-menu--dropdown { position: fixed !important; left: 0 !important; right: 0 !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; transform: none !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; padding: 0 !important; border-radius: 0 !important; /* top will be set by JS to match the header bottom */ box-sizing: border-box !important; z-index: 9999 !important; } /* ── 2. Each category column (Fire, Electrical, Security) ── */ li.menu-item-has-mega-menu > ul.elementor-nav-menu--dropdown > li.mega-menu-category { flex: 1 1 0 !important; padding: 28px 32px !important; border-right: 1px solid rgba(255,255,255,0.12) !important; position: relative !important; min-width: 0 !important; width: auto !important; } li.menu-item-has-mega-menu > ul.elementor-nav-menu--dropdown > li.mega-menu-category:last-child { border-right: none !important; } /* ── 3. Category header links (Fire Systems, Electrical, Security) ── */ li.mega-menu-category > a.elementor-sub-item { display: block !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 1px !important; padding: 0 0 12px 0 !important; margin-bottom: 12px !important; border-bottom: 2px solid rgba(232, 82, 26, 0.6) !important; pointer-events: none !important; cursor: default !important; } /* Hide the chevron arrow on category headers */ li.mega-menu-category > a.elementor-sub-item .sub-arrow { display: none !important; } /* ── 4. Sub-item list (the actual service links) ── */ li.mega-menu-category > ul.elementor-nav-menu--dropdown { position: static !important; display: block !important; box-shadow: none !important; border: none !important; padding: 0 !important; background: transparent !important; min-width: auto !important; width: 100% !important; border-radius: 0 !important; opacity: 1 !important; visibility: visible !important; } /* ── 5. Individual service link items ── */ li.mega-menu-category > ul.elementor-nav-menu--dropdown > li { border-bottom: 1px solid rgba(255,255,255,0.08) !important; width: 100% !important; } li.mega-menu-category > ul.elementor-nav-menu--dropdown > li:last-child { border-bottom: none !important; } li.mega-menu-category > ul.elementor-nav-menu--dropdown > li > a { padding: 9px 0 !important; display: block !important; font-size: 14px !important; transition: padding-left 0.15s ease !important; } li.mega-menu-category > ul.elementor-nav-menu--dropdown > li > a:hover { padding-left: 10px !important; } /* ── 6. Standard dropdowns (Sectors, About, Contact) — keep normal ── */ li:not(.menu-item-has-mega-menu) > ul.elementor-nav-menu--dropdown { border-radius: 0 !important; padding: 8px 0 !important; min-width: 200px !important; position: absolute !important; width: auto !important; } li:not(.menu-item-has-mega-menu) > ul.elementor-nav-menu--dropdown > li { border-bottom: 1px solid rgba(0,0,0,0.06) !important; } li:not(.menu-item-has-mega-menu) > ul.elementor-nav-menu--dropdown > li:last-child { border-bottom: none !important; } li:not(.menu-item-has-mega-menu) > ul.elementor-nav-menu--dropdown > li > a { padding: 10px 20px !important; display: block !important; transition: padding-left 0.15s ease !important; } li:not(.menu-item-has-mega-menu) > ul.elementor-nav-menu--dropdown > li > a:hover { padding-left: 26px !important; } /* ── 7. Mobile: stack columns vertically ── */ @media (max-width: 1024px) { li.menu-item-has-mega-menu > ul.elementor-nav-menu--dropdown { position: absolute !important; flex-direction: column !important; width: 100% !important; min-width: 100% !important; left: 0 !important; } li.mega-menu-category > ul.elementor-nav-menu--dropdown { display: block !important; } }

JOIN OUR TEAM

Careers at Recall SW — Join Our Team in Cornwall

We’re always looking for talented engineers and professionals to join our growing team across Cornwall & Devon. Explore our current opportunities below.

We’re always looking for talented engineers and professionals to join our growing team in Cornwall.

Open Positions

Fire & Security Engineer — Wanted

Due to continued growth of the company, we are looking for a further Fire & Security Engineer to join our expanding team.

This is an exciting role to join a rapidly expanding company. We are seeking a skilled and detail-oriented Fire & Security Engineer with a strong work ethic and a can-do attitude. The ideal candidate will possess a strong understanding of fire safety systems and engineering principles, with the ability to work independently and as part of a team.

You will be responsible for the installation and maintenance of Fire Alarms, Emergency Lighting, Smoke Vents, Fire Extinguishers, Intruder Alarms & CCTV around Cornwall on a wide variety of customer sites.

Why Work at Recall SW?

Interested in joining the team? Send us your CV or give us a call.

Work that saves lives and protects property every day
A team that values expertise, integrity, and continuous development
Competitive salary and benefits package
Opportunities for career progression and training
Supportive, professional working environment
Based in Cornwall — a great place to live and work

Interested in Joining the Team?

Send us your CV or give us a call to find out more about current and upcoming opportunities at Recall SW.

(function() { function positionMegaMenu() { var header = document.querySelector('.elementor-location-header'); var megaDropdown = document.querySelector('li.menu-item-has-mega-menu > ul.elementor-nav-menu--dropdown'); if (header && megaDropdown) { var headerRect = header.getBoundingClientRect(); megaDropdown.style.top = (headerRect.bottom + window.scrollY) + 'px'; } } function init() { var megaLi = document.querySelector('li.menu-item-has-mega-menu'); if (megaLi) { megaLi.addEventListener('mouseenter', positionMegaMenu); megaLi.addEventListener('focusin', positionMegaMenu); } window.addEventListener('scroll', positionMegaMenu); window.addEventListener('resize', positionMegaMenu); positionMegaMenu(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();