Removed div displayed image and set it as a background image. Set the background image to use the section_background image style to avoid large image files.
Set background positioning using new preprocess in .theme Preprocess works like it does in the layout builder sections except it will update immediately if the file image's focal point is updated.
Updated css to reflect new changes. Removal of absolute positioning fixes the problem with the navigation being covered by the title. Everything should scale well now.
Changed the top padding to be 300px vs 200px to imitate the old version's bigger title image.
For testing this does require the section_background image style so if you may need to make sure your image styles are up-to-date from the content entities repo
Removed div displayed image and set it as a background image. Set the background image to use the
section_background
image style to avoid large image files.Set background positioning using new preprocess in .theme Preprocess works like it does in the layout builder sections except it will update immediately if the file image's focal point is updated.
Updated css to reflect new changes. Removal of
absolute
positioning fixes the problem with the navigation being covered by the title. Everything should scale well now.Changed the top padding to be 300px vs 200px to imitate the old version's bigger title image.
Resolves #1292