Change position on email signup in dawn theme / footer menu?

Store Design
, , , , ,
1

Hi,

Is there anyway i can edit my footer menu so it looks more like on the picture below? So the email signup is more to the left and not at the top bottom, and also if its possible to add more text to it? So i can have a heading and some text under the header.

norduxe_0-1732140422469.png
norduxe_0-1732140422469.png400×154 11 KB

My url is:

https://owllode17l0qdsvo-86795059542.shopifypreview.com

2

Hi, @norduxe

I can help you with it. But it needs to add some custom code. If you need my help, please let me know.

3

Sure! Do you think you can send the code here?

4

I can try to help you implement this change. So I need to access your store as a collaborator if possible.

Can you please send me your collaborator code and store URL with me?

5

sure can u send me a dm?

6

Hi @norduxe ,

I checked and with your current layout you are wanting this:

Screenshot.png
Screenshot.png1375×431 16.4 KB

7

Yes something like this, but if possible every category is besides each other if possible? If this makes sense

8

Hi @norduxe ,

Please go to Actions > Edit code > Assets > section-footer.css file and paste this at the bottom of the file:

@media screen and (min-width: 750px) {
  .footer__content-top {
    display: flex;
    justify-content: space-between;
  }
  .footer__blocks-wrapper {
    width: 50%;
  }
  .footer-block--newsletter {
    width: 50%;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
  }
  .footer-block__newsletter {
    text-align: left;
  }
  .newsletter-form {
    margin-left: 0;
  }
  .footer__content-bottom {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0 5rem;
    max-width: var(--page-width);
    margin: 0 auto;
  }
  .footer__content-bottom-wrapper {
     padding: 0;
     margin: 0;
  }
}