Dawn Theme: Change Newsletter Form position in Footer Menu

Store Design
1

Hello everyone,

i can’t manage to adjust to what i want.

I have these footer in dawn theme ( version 5.0) with 4 columns

I would like to get only 3 columns : last column containing newsletter and below social icons

Is someone could help me with this ?

here is the picture attached of what i have and whait i would like to get

Thank you by advance.

2

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

3

hi @Denishamakwana

i sent a pm to you with all details

shop ans password

thank you

4

Please add below css in bottom of assets/section-footer.css file

.footer__content-top {
display: flex;

}

@media screen and (min-width: 750px)
.footer-block–newsletter {
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin: 0;
}
@media screen and (min-width: 750px)
.footer__content-top .grid {
width: 67.66%;
}
.list-social {
justify-content: flex-start;
}
Thank you.

5

I did add the code but now it looks different but still not good

4 columuns and alignement are wired . you can have a look…

i would like to get 3 column same width

and in last column : newsletter and below social icon

here image attached what i would like to get

Thank you

6

please add this

.footer__content-top .grid {
width: 66.67%;

}

7

Thank you ! we are almost there :wink:

but the title is not aligned with other ones from top of the footer

8

Please add this:

.footer-block–newsletter {
align-items: flex-start;

}

.list-social {
justify-content: flex-start;

}
Thank you.

9

AWSOME & PERFECT !

Thank you so much

10

I wouldn’t recommend filler CSS as it ruins your theme code.