For the first time in ages, I’m building a site with TopBar - and am sticking it inside a Chroma that changes the logo on scroll. I would just use a third party menu system, but I’m building the site for someone else, and he doesn’t own Navigation or Gator. So, three questions:
Is there an easy way to get the content to start immediately below the Chroma stack, regardless of the device being used? I I could use a Blueprint stack and set the margins according to mobile/tablet/larger, but I’m hoping there’s a more precise way. I tried checking the float over content button, but that didn’t seem to be the right solution
In the site above, any idea why the area above the logo is darker on mobile devices, once scrolled (screenshot below)?
How can I constrain the logo on mobile devices, before scrolling begins? The size after scroll is perfect, but (imo) it’s too large when first seen.