How to move the image banner heading and button further up on both mobile and desktop view on Dawn theme?

[Cortofio]

How to move the image banner heading and button further up on both mobile and desktop view on Dawn theme? website is CORTOFIO.com

[tim_1]

There is a setting for this:

[devcoders]

Hi @Cortofio

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.banner__content--middle-center .banner__box {
  transform: translateY(-20%);
}

@media (max-width: 768px) {
  .banner__content--middle-center .banner__box {
    transform: translateY(-30%);
  }
}

Best regards,
Devcoder

[Cortofio]

Yes there is a setting but it only changes is on Desktop/PC. On phone it stays the same for whatever reason.

[Cortofio]

Unfortunately it did not work. Tried it in both custom css and base css.

[Moeed]

Hey @Cortofio

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above </ body> tag

<style>
.banner__content--middle-center .banner__box {
    transform: translateY(-45%) !important;
}
</style>

RESULT:

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

[Cortofio]

It did not work. I tried adding it to both theme.liquid and custom css.

[Moeed]

You’re probably not adding the code correctly mate because me and other developers provided the correct code so try double checking the steps or just drop your collaborator code in my private messages and I’ll get that sorted out for you.

Cheers,
Moeed

[suyash1]

@Cortofio I think you have solved your issue as I can see the text moved up to the top

[Cortofio]

I fixed it by adding blank text/characters below the button, otherwise codes weren’t working on mobile.

[suyash1]

@Cortofio nice to know that your problem is solved, do let me know if you need any updates.

[Adrian_Nathalia]

Is the issue resolved?