How to move email signup and social icons in Dawn theme footer?

Shopify Discussion
1

Hi there,

Please let me know, how i can move email signup and social icons to top right corner of the footer?

Screenshot (11).png
Screenshot (11).png3601×1007 190 KB

2

Hello there,

This is a default layout of Dawn theme. You can’t directly move that section from bottom to the upper grid. You have to customize that section to replace it.

Let me know if any.

Thank you

3

How can i customize it?

4

Are you a shopify developer or may be if aware with the code pattern?

because this is something about editing the snippets and section files and also some schema settings to move whole the section from one place to another without ruin the page.

1 Like
5

Is it possible for you to share the code?

6

I am sorry but it’s not just like copy paste thing. It’s kind of updating the existing files [Section and snippet as well] I couldn’t really share all those code edits here as it’s not that small. As we also need to keep an eye on the frontend while updating the code to make the flow unbroken same as current one for other parts of the site as footer is something which is available and called on all the pages.

1 Like
7

Alright, no problem
I will figure it out.

Thank you

8

Hi @jehan70 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-footer.css->paste below code at the bottom of the file:

.footer__content-top.page-width {
  align-items: start;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  justify-items: center;
}

.footer-block--newsletter > div {
  flex-direction: column;
 
  position: relative;
}

.footer-block--newsletter{
   margin: unset;
}

PageFlyVictor_0-1677527592808.png
PageFlyVictor_0-1677527592808.png1241×458 19.3 KB

Hope my answer will help you.

Best regards,

Victor | PageFly

9

Great,

But can we keep 'Customer support, About us, and support in the same row?

Before the newsletter.

10

Sorry for the late reply, I see your problem has been solved. I’d be happy if you want any help

Best regards,

Victor