How to move hero text down and lock it in place for desktop?

Store Design
1

Hello, i would like to move the hero text down and lock it in place for desktop because it’s too close to the header. pic below

website: infinibuddy.myshopify.com

Password: eco

Capture.JPG
Capture.JPG1068×1033 145 KB

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.image-with-text-overlay__banner .caption.text-align-center.align-top {
top: 50%;
transform: translate(0%, -50%);
}
1 Like
3 
.caption.text-align-center.align-top {
    top: 50% !important;
}

@Acid2Rain

Add this code in the bottom of the Style.css or theme.scss

1 Like
4

@Zworthkey @ZestardTech Thank you so much, these both work. Is there a way to just limit it to desktop? because it also moves down on mobile? You guys are awesome