How can I improve my store's email subscription process?

[myusastore]

Hello .Could you help me, please?

My store looking like that

I want like that

[Abdosamer]

Hi @myusastore , can you share your store url?

[myusastore]

https://myusastoree.com/

120408023?

[Abdosamer]

@myusastore , go to base.css and add the following code :

@media (min-width:990px){
  .footer-block--newsletter.scroll-trigger.animate--slide-in {
    flex-direction: column !important;
    flex-wrap: wrap !important;
    align-content: end !important;
    position: relative !important;
    top: -31rem !important;
    right:-4rem !important;
   
}

}

[myusastore]

Sir Many thanks for your help. Could you add same size please. I tried to draw on photo

[myusastore]

[Abdosamer]

@media (min-width:990px){
  .footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
    max-width: 130rem !important;
}
ul.list-unstyled.list-social.footer__list-social {
    margin-right:13rem !important;
}
  }

Add this to base.css @myusastore

[myusastore]

Thank you so much. Sir How can I remove underline and last part code?

[myusastore]

[Abdosamer]

@myusastore , I can send a store access request and remove it.

[myusastore]

Okay sir. what I need to do?

[Abdosamer]

@myusastore , add this to base.css

.footer-block__details-content.rte a {
    text-decoration: unset !important;
}

[myusastore]

underline gone. You are perfect. How can remove other part?

[Abdosamer]

@myusastore , Add the following code to base.css :

@media (min-width:990px){
  .footer__content-top.page-width {
    height: 30rem !important;
}

}

[myusastore]

Sir when I check on tablet it look like that

but on desktop like that

is it possible to fix it same both of them?