My Mobile Version of the Dawm Shopify Template is not showing up correctly

[neon21]

I need The text and button to be in the middle of the image. I've attached an image on how it's suppose to look, and how mine is currently showing. 

Store Name: https://luludupes.myshopify.com/admin

Password: 1234567

[Touhiid]

Hello @neon21 

Follow these steps:

>> From your Shopify admin, go to Online store> theme

>> on the top right corner you'll see "action" drop down > click on "Edit code"

>> find theme.css or scss (use the search field on the top left side to find it)

>> now copy and paste the following code

@media (max-width:700px){
    .banner__content--middle-center .color-background-1
     {    margin-top: -34rem !important;
     }
}

*if needed, change the margin value according to your preference.

Did it solve your issue?

   - If yes, Like & Mark As Solution to help the community

   - If not, let me know. also share a screenshot of the code that you added.

[neon21]

theme.css is not available but theme.liquid is, would that be the correct placement? I inserted the code there but nothing changed 

[Touhiid]

@neon21 On the top left corner, you will see a search bar. Use that to find any CSS or SCSS file. you should find something there. 

If you're still not getting anything then copy and paste the following code on the top or bottom of your theme liquid file.

<style>
@media (max-width:700px)
{
    .banner__content--middle-center .color-background-1
     {margin-top: -34rem !important;}
}
</style>

Did it solve your issue? If yes, Like & Mark As Solution to help the community

If not, let me know. also share a screenshot of the code that you added.

[neon21]

It did work !! However how would I get the block to be transparent instead of white ?

[Touhiid · Accepted solution]

@neon21 add the following code in the previous one that you already added. it should go below the margin-top: -34rem! important;

    background: transparent! important;

After adding the code, it should look like this:

     {    margin-top: -34rem !important;
          background: transparent! important;
     }