Spectrum PaintWorx
  • Home
  • Services
    • Automotive, Marine and Aviation Transformations
    • Brand and Commercial Projects
    • Product Design and Manufacturing Projects
    • Residential Interiors and Exteriors
  • Working with Spectrum
    • The Spectrum Workflow
    • Environment Health & Safety
    • WORKING WITH SPECTRUM: Automotive, Marine & Aviation Designers
    • WORKING WITH SPECTRUM: Commercial and Residential Interior and Exterior Projects
    • WORKING WITH SPECTRUM – PRODUCT DESIGN AND DEVELOPMENT
    • Terms & Conditions
    • Privacy Policy
  • Tour the Colours & Coatings
    • Interior Designer Finishes – Metallic & Pearlescent
    • Interior Designer Finishes – Pastel Colours
    • Colours & Coatings
    • Colour Swatches
    • Custom Paint Finishes
    • Colour Change Coatings
    • Metal Grinding Effects
    • Pearlescent Finishes
    • Perspex Finishes
  • Portfolio
    • Interior Design
    • Bespoke Audio Paint Finishes
    • Bespoke Bath Finishes
    • Bespoke Car Paint Finishes
    • Bespoke Motorbike Paint Finishes
    • Bespoke Planters
    • Bespoke Radiators
    • Bespoke Safe Paint Finishes
    • Bespoke Signage Paint Finishes
  • About Us
  • Contact
MENU












Services

Home

Services

  • Auto - Marine - Aviation
  • Brand & Commercial
  • Product Design & Manufacturing
  • Interiors & Exteriors

Portfolio
Contact

© Spectrum Paintworx Ltd 2019 All rights reserved

Working with Spectrum

The Spectrum Workflow

  • Working with Spectrum: Automotive, Marine & Aviation Designers
  • Working with Spectrum: Commercial and Residential Interior and Exterior Projects
  • Working with Spectrum: Product Design & Development
  • Terms of Business
  • Privacy Policy
  • Environment, Health & Safety

Colours & Coatings

  • Colours & Coatings Guide
  • Custom Paint Finishes Guide

Portfolio

  • Interior Design
  • Audio Equipment
  • Baths
  • Signage
  • Security Safes
  • Radiators
  • Planters
  • Motorbikes
  • Transportation

Contact

Email: [email protected]

Phone: +44 01795 844600
Fax: +44 01795 844604

Monday – Friday: 08:30 – 17.30
Saturday: 08:30 – 12:30
Company Registration: 05928469

Spectrum Paintworx Ltd
Unit C2
Wormdale Farm
Wormdale Hill
Newington
Kent
ME9 7PX

  • Home
  • Services
    • ← Back
    • Automotive, Marine and Aviation Transformations
    • Brand and Commercial Projects
    • Product Design and Manufacturing Projects
    • Residential Interiors and Exteriors
  • Working with Spectrum
    • ← Back
    • The Spectrum Workflow
    • Environment Health & Safety
    • WORKING WITH SPECTRUM: Automotive, Marine & Aviation Designers
    • WORKING WITH SPECTRUM: Commercial and Residential Interior and Exterior Projects
    • WORKING WITH SPECTRUM – PRODUCT DESIGN AND DEVELOPMENT
    • Terms & Conditions
    • Privacy Policy
  • Tour the Colours & Coatings
    • ← Back
    • Interior Designer Finishes – Metallic & Pearlescent
    • Interior Designer Finishes – Pastel Colours
    • Colours & Coatings
    • Colour Swatches
    • Custom Paint Finishes
    • Colour Change Coatings
    • Metal Grinding Effects
    • Pearlescent Finishes
    • Perspex Finishes
  • Portfolio
    • ← Back
    • Interior Design
    • Bespoke Audio Paint Finishes
    • Bespoke Bath Finishes
    • Bespoke Car Paint Finishes
    • Bespoke Motorbike Paint Finishes
    • Bespoke Planters
    • Bespoke Radiators
    • Bespoke Safe Paint Finishes
    • Bespoke Signage Paint Finishes
  • About Us
  • Contact

About This Page

This header showcases a few main aspects of our bar styling options—but certainly not all!

First, we have a transparent, "absolute" bar overhanging everything. That bar is the one that houses this off canvas area.

Next, we have our "full-height" bar that is actually using a little bit of CSS magic to offset the height of the bar below it (notice how that bar is always positioned at the bottom of the screen). Additionally, notice how the text and buttons inside this bar respond to the sizing of the viewport all without the need for JavaScript.

Then, we have our last visible bar that houses our logo and navigation. This bar becomes sticky as you scroll down the screen, and also shrinks to a specified ratio of its original size. Notice how the links maintain their positioning and the logo scales automatically. Also, we've turned on our "content scrolling" for this bar, allowing its contents to be scrolled horizontally on smaller screens, a pattern we're seeing much more of on mobile devices these days.

Finally, as you scroll further down the page, you'll notice a final sticky bar slide in...from out of nowhere! This utilizes our "initially hidden" option, which allows you to bring in content further down a page as needed, perfect for the calls to action in our example.

This is only a sliver of what is possible with our new bar styling options available in our header builder. We've abstracted out a core set of useful features to achieve complex navigation layouts, and then our styling and JavaScript takes care of the rest intelligently. We look forward to seeing what you create with these new tools!