Skip to content

adjust hero at mobile for tall images and respect max width at widest...

Bill Sprowl requested to merge issue/bluecheese-3475845:3475845-hero-allow-flexibile into palantir

adjust hero at mobile for tall images and respect max width at widest viewports plus adjust z-indexes as needed

Closes #3475845

To test:

  • run ddev composer install
  • run composer recreate
  • run ddev drush cr
  • log in as admin
  • look at the mothernode
  • fix the strong tag in CTA that breaks the nav
  • View the hero component at various view port sizes and ensure it visually matches the figma
  • Edit the component and use the following image for the hero image:

launch-drupal-in-the-cloud-hero

View at various viewports

  • on mobile the image should "push down" the content area so that it will accomodate various image heights so this "tall" image should look good as well as the original "wide" one..

Note that it needed z-index set to make first item appear in front of second item on mobile, and that meant I had to also adjust z-index of the ehader so that dropdowns still appear in front of the hero.

Edited by Bill Sprowl

Merge request reports