Move newsletter position next to theme block

[Louver]

Hi! I am struggling with changing my footer. I would like to place the newsletter on the right side of the footer and the "support" menu block on the left side of the footer. Is there any way to do this? Because right now they are on top of each other (see image). I am using the spotlight theme.

[niraj_patel · Accepted solution]

Hello @Louver 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>

     .footer .footer__content-top {
       display: flex !important;
      justify-content: space-between;
      align-items: center;
  }

</style>

[niraj_patel]

Hello @Louver 
can you share store URL?

[Louver]

hi @niraj_patel, https://aa32ce-2.myshopify.com/

password: bofrid

[niraj_patel · Accepted solution]

Hello @Louver 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>

     .footer .footer__content-top {
       display: flex !important;
      justify-content: space-between;
      align-items: center;
  }

</style>

[Louver]

thank you so much! That worked!

[Louver]

Just 1 more question, in the menu block on the left it now shows "contact" and "FAQ" next to each other, is there also a way to show them on top of each other? Thanks in advance!

[niraj_patel · Accepted solution]

Hello @Louver 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>

 .footer ul.footer-block__details-content.list-unstyled {
          display: flex;
          flex-direction: column;
           justify-content: flex-start;
           align-items: flex-start;
}
my solution worked then like & accept solution.

</style>

[Louver]

yes it worked. amazing! Thank you so much!