How can I align my website footer properly?

[ak521667]

i,

I’m trying to move to setup footer like that

Would you please help me?

Siteurl :

4e6f17.myshopify.com

[Mike-Consentik]

Hi @ak521667

This is Mike from Omega

Your footer structure is not allowed to re-arrange like your image.

You need some knowledge about HMTL/CSS to change it

[Made4uo-Ribe]

Hi @ak521667

Try this one,

• From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
• Find the theme that you want to edit and click on “Actions” and then “Edit code”.
• In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.footer__content-bottom.scroll-trigger.animate--slide-in {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
}
.footer__localization:empty+.footer__column--info {
    align-items: end;
}
.footer__content-bottom-wrapper {
    justify-content: center;
}
#shopify-section-sections--20533799682328__footer > footer > div.footer__content-bottom.scroll-trigger.animate--slide-in > div:nth-child(2) > div > small:nth-child(1){
    position:absolute;
    bottom: 0px;
    left: 150px;
}

• And Save.

• Result:

• 

  I hope it help.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[Moeed]

Hey @ak521667

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

[ak521667]

Dear Team,

But there is an issue in mobile screen please find the attachment Copyright is not visible in mobile mode. Please and solve as soon as possible.

Reagrds

[Moeed]

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[ak521667]

Dear Team,

But there is an issue in mobile screen please find the attachment Copyright is not visible in mobile mode. Please and solve as soon as possible.

[Moeed]

Hey @ak521667

Remove the previous code and add this new code

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

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

Best Regards,
Moeed

[ak521667]

Dear Team,

But there is an issue in mobile screen please find the attachment Copyright is not visible in mobile mode. Please and solve as soon as possible.

[ak521667]

Dear Team,

is it possible to do copyright at the last below for mobile mode you can please check for me .


[ak521667]

Dear Team,

I am glad for your help we will always obliged for this help , no one helped me in this topic but you are expert in this thank you.

Regards,

[Made4uo-Ribe]

Oh okay, Almost same with my code. And become marked solution. Nice one!

[ak521667]

Dear Team,

Can It possible ??

[ak521667]

Dear Team ,

Any update on my issue ???

[Made4uo-Ribe]

Hey,

Did you already paste the code right? But the copyright are visible on my screen.

Did you already refresh the browser after paste and save right?