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 · Accepted solution]

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