Adjusting Layout of Footer in Mobile View Only

[forevercreative]

Hello,

This is ho w my footer on mobile applications currently looks.

I am trying to re-format it just for phones to display the following:

Image (centered)

Email sign up (centered)

Our Company (left and drop down menu)

Quick Links (left and drop down menu)

[BSS-Commerce]

Hi @forevercreative ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[forevercreative]

It is www.foreverlycreative.com

Thanks!

[BSS-Commerce]

Hey @forevercreative ,

I. We checked your website (www.foreverlycreative.com) on mobile applications and fixed it.

=>> The result:

II. Guild fix:

- Step 1:

=> Online store => Themes => Edit code:

• Step 2: Find: section.footer.css, find “.footer__content-top” and add attribute: “flex-direction: column” :

.footer__content-top {
    padding-bottom: 5rem;
    display: block;
    flex-direction: column
}

• Step 3: Find: base.css and add scripts at the end:

.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
    width: 100% !important
};

• The rest of your requests (" Our Company (left and drop-down menu/ Quick Links (left and drop-down menu) ") are quite complicated, I need access to contribute to your app code to fix it.

Hope it helps! @forevercreative