Moving Hero Title

How can I move the hero title to the lower left corner of my header image? I found a CSS code from a different forum, and while it did work, my website layout was warped on any mobile device. How can I do this so it will look the same both on desktop and on mobile?

Thanks in advance,


Hello Haley,

You can try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

.home .ignis-hero-area.has-media .header-text {
    top: unset !important;
    bottom: 0;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

1 Like