Dawn 2.5 move newsletter into column in footer section

Store Design
1

Hello,

I would like to edit the footer section of my page. Currently the newsletter is just below everything else, but I would like to place it in the rightmost column of the footer (basically adds another column to the row that is already there). If it is possible, I would also like to have the social media quick links below the newsletter.

sisaul_0-1643826561747.png

How to achieve it?

Thank You in advance!

1 Like
2

@sisaul

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi @KetanKumar

Here is the preview link of the store:
https://p5nkutc2yalw8o0o-60215460006.shopifypreview.com

Thank you in advance!

4

HI @KetanKumar ,

Can you please help me out regarding this issue?

Thank you in advance.

1 Like
5

@sisaul

yes it can be done customization

6

Hello @KetanKumar ,

Can you please guide me through the steps?
I also sent you an invitation to the store.

Thank you in advance!

1 Like
7

@sisaul

yes its change backend code current footer code i will check and let you know

8

Hello @KetanKumar

Thank you so much for looking into it.

1 Like
9

thanks for update

1 Like
10

Hello @KetanKumar ,

Have you had time to look into it? :slightly_smiling_face:

1 Like
11

@sisaul

yes i have try this simpler my demo store first but doesn’t look good as per AB Testing may center look at all

12

Hi @KetanKumar ,

Does it mean it can’t be done?

13

@sisaul

yes, i mean i have suggestions about new look!

14

Hi @KetanKumar ,

I would be very interested in what you have in mind.
Could you please show me?

1 Like
15

@sisaul

yes, please draf theme

16

Hello @KetanKumar ,

I added you in Skype, maybe we can discuss it there?

1 Like
17

@sisaul

Please add this CSS to your css File

.footer__content-top.page-width {
    display: flex !important;
}
.footer-block--newsletter {
    display: block !important;
}
.footer-block--newsletter {
    margin-top:0 !important;
}

@media (max-width:991px){
.footer__content-top.page-width {
    flex-wrap:wrap !important;
}
}

Thanks!

18

Hello @infoatcodelab7 ,

It did the job, thanks a lot!
Although the sections aren’t spread out evenly.
Is it possible to shift everything more left and make the newsletter section larger in width as well?

image1.png
image1.png1900×631 16.9 KB

Thank you in advance!

19

@sisaul

Please add this CSS to your file

I hope this is useful for for your Problem

@media (min-width:991px){
  .footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
    flex-basis: 80% !important;
}
.footer-block.grid__item {
    padding-left: 0 !important;
}
}

Thanks!

20

Hey @infoatcodelab7 ,

It actually made it look like I wanted it to!
Thank you so much!