Moving Text position compared to background image

[tinyotters]

Hi all, my site www.tinyotters.com is live and I think I messed up the positioning of the text.  I would like both lines of text to be above the child (they're currently overlayed directly on top of the child as seen in the image below.)  They are not the same line (the large text is a "heading" block and the smaller text is a "Text" block

[Jameswalter]

You could move it like you were doing with absolute positioning and move the background down like so:

background:url(someimage.png) repeat-y left 50px;

Regards,
Jimmy

[tinyotters]

Sorry jimmy; not entirely sure I understand your direction here

[Cedcommerce]

Hello @tinyotters,

First of all many congratulations on your new store.

We would like to let you know that you need to add the below code to your base.css file to fix this problem.

Find the code below to fix this.

@media screen and (min-width: 750px){

.banner__content.banner__content--bottom-center {

   align-items: center;

   justify-content: center;

}

Hope this helps, let us know if you need any help. 

All the best, 

CedCommerce

[tinyotters]

Hi @Cedcommerce - that didn't do the trick, sadly.  The text is still directly over the child.  I'd like it more where the red circle is in this image.