LobbyFlix Kadence Header and Footer Snippets
Use these snippets only in Kadence global header/footer areas. Do not paste them into every page.
==================================================
HEADER SETUP
==================================================
Fastest working option:
Add one HTML item to the Kadence global Header Builder and paste the HTML block below. This creates a visible LobbyFlix navigation bar immediately. It includes the logo, desktop links, and a mobile hamburger on the right.
If you use this fallback header, remove any separate Kadence Logo, Navigation or Mobile Navigation Toggle items from that same header row to avoid duplicates.
<header class="lobbyflix-header-shell">
<div class="lobbyflix-header-inner">
<a class="lobbyflix-header-logo" href="/" aria-label="LobbyFlix home">
<img src="https://lobbyflix.com/wp-content/uploads/2026/07/lobbyflix-movie-review-website-logo.avif" alt="LobbyFlix movie review website logo">
</a>
<nav class="lobbyflix-header-nav" aria-label="Primary navigation">
<a href="/">Home</a>
<a href="/reviews/">Reviews</a>
<a href="/best-movies/">Best Movies</a>
<a href="/streaming/">Streaming</a>
<a href="/genres/">Genres</a>
<a href="/about/">About</a>
</nav>
<details class="lobbyflix-mobile-nav">
<summary aria-label="Open menu"></summary>
<nav class="lobbyflix-mobile-menu" aria-label="Mobile navigation">
<a href="/">Home</a>
<a href="/reviews/">Reviews</a>
<a href="/best-movies/">Best Movies</a>
<a href="/streaming/">Streaming</a>
<a href="/genres/">Genres</a>
<a href="/about/">About</a>
<a href="/contact/">Contact</a>
</nav>
</details>
</div>
</header>
Standard Kadence Builder option:
Recommended Kadence desktop header:
Left:
Logo / Site Identity
Right:
Primary Navigation
Primary Navigation menu order:
Home
Reviews
Best Movies
Streaming
Genres
About
Logo source:
https://lobbyflix.com/wp-content/uploads/2026/07/lobbyflix-movie-review-website-logo.avif
Important:
Upload the logo to Media > Add New, then select it through Appearance > Customize > Header > Logo or Site Identity. Do not paste the logo URL into a Text or HTML element, because that will display the URL as plain text.
Recommended Kadence mobile header:
Left:
Logo / Site Identity
Right:
Mobile Navigation Toggle
Mobile menu:
Home
Reviews
Best Movies
Streaming
Genres
About
Contact
Use the Kadence off-canvas mobile navigation area. The CSS styles the hamburger button on the right and gives mobile links comfortable touch targets.
==================================================
FOOTER HTML BLOCK
==================================================
If Kadence Footer Builder cannot keep the footer in columns on mobile, add one HTML item to the global footer and paste this markup.
<div class="lobbyflix-footer-grid">
<div class="lobbyflix-footer-brand">
<a class="lobbyflix-footer-logo" href="/" aria-label="LobbyFlix home">
<img src="https://lobbyflix.com/wp-content/uploads/2026/07/lobbyflix-movie-review-website-logo.avif" alt="LobbyFlix movie review website logo">
</a>
<p>Honest movie reviews. Helping you decide what to watch next.</p>
<p>LobbyFlix is an independent movie-review website for everyday film fans.</p>
</div>
<nav class="lobbyflix-footer-links" aria-label="Explore">
<h2>Explore</h2>
<a href="/reviews/">Reviews</a>
<a href="/best-movies/">Best Movies</a>
<a href="/streaming/">Streaming</a>
<a href="/genres/">Genres</a>
</nav>
<nav class="lobbyflix-footer-links" aria-label="LobbyFlix">
<h2>LobbyFlix</h2>
<a href="/about/">About</a>
<a href="/contact/">Contact</a>
<a href="/affiliate-disclosure/">Affiliate Disclosure</a>
</nav>
<nav class="lobbyflix-footer-links" aria-label="Legal">
<h2>Legal</h2>
<a href="/privacy-policy/">Privacy Policy</a>
<a href="/cookie-policy/">Cookie Policy</a>
<a href="/terms-and-conditions/">Terms and Conditions</a>
</nav>
<div class="lobbyflix-footer-bottom">
<span>Copyright 2026 LobbyFlix. All rights reserved.</span>
<span>Movie and platform names remain the property of their respective owners. LobbyFlix is an independent website and is not affiliated with any streaming service or film studio.</span>
</div>
</div>
Mobile behaviour:
The CSS keeps the footer brand full width, then places Explore, LobbyFlix and Legal into compact columns beneath it. At narrow widths such as 320px, the link groups remain in two columns where possible instead of becoming one long stacked list.
HomeAboutMissionsLearnGet involvedDonate Mission 001 Dinnington Common. A prominent patch of common land at the junction of Oldcoates Road and St Johns Road, now being researched as LeafTide’s first local restoration project. Get involvedSupport the project The place A neglected piece of Dinnington with the potential to become a living community space. Dinnington Common sits at…