Help Needed to Adjust Footer Layout in CRAFT Theme

Hello,

I am working on a client site and need some assistance reformatting the footer in the Craft theme.

The changes I am wanting to make are:

  1. Move the Menu titles to be stacked above the menus, not beside.

  2. Move the Newsletter form to be in the centre column above the social media columns.

An example of how I would like it to look is attached.

The link to preview the website I am working on is:

https://6q1u2kxrbdn5pgvn-65874886903.shopifypreview.com/

Thank you in advance!

1 Like

Hey @BellesandBells

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Thank you so much, that worked perfectly!

Are you able to please help with reordering the newletter to be above the social links rather than underneath?

1 Like

Hey @BellesandBells

In the code, set the value of bottom to 400px instead of 200px then it should look like this.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Thank you so much!
sorry for yet another question, but is there anything I can add into the coding to make it more responsive for a smaller screen mobile device? The email field currently overlaps the menus when on a smaller sized screen, and then on mobile, the menus are not stacked or centred once again.

Hey @BellesandBells

For the mobile device,

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Hi @Moeed ,

Thank you! This has fixed the centering whilst in mobile view, but is there a way to re-order them? I would like it to be Menu, Newsletter, Menu if at all possible.

The Email section for the newsletter is still also overlapping the second menu on a smaller screen, is there a way to make this shrink with the screen size so it doesn’t overlap? I have attached an example.

Thank you so so so much for your time and help.