Problem/Motivation

Even though the theme has CSS to indent the .site-hero__desc element by one column, for some reason the selector isn't working and the element overlaps the details bar on the left.

Screen capture of overlapping text

Proposed resolution

Fix the CSS so that the element displays properly.

CommentFileSizeAuthor
#4 Screenshot 2025-03-31 at 11.36.05 PM.png1.77 MBbernardm28
Screenshot 2025-03-31 at 9.16.57 AM.png204.11 KBmandclu

Issue fork event_horizon-3516423

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

mandclu created an issue. See original summary.

mandclu’s picture

mandclu commented

bernardm28 made their first commit to this issue’s fork.

bernardm28’s picture

bernardm28 commented
StatusFileSize
new Screenshot 2025-03-31 at 11.36.05 PM.png1.77 MB

Seems like site-hero__desc {grid-column: 2 / span 3} would do it.
pic of issue

mandclu’s picture

mandclu commented

I tried making that change within /components/site-hero/site-hero.[s]css but it doesn't seem to take.

mandclu’s picture

mandclu commented
Status: Active » Fixed

Thanks for fixing this @bernardm28!

mandclu’s picture

mandclu commented

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.