Right align foot menu column

[Ray116]

Hi there,

We are a Shopify shop based in Japan and we need some assistance.

We are currently using the Trade Theme and wish to edit the Menu block in the footer to align the text to the right on desktop only. We searched for a solution and added the following code to the custom CSS box in the Shopify theme editor, as we only want to modify this specific part.

.footer-block--menu {
text-align: right;
}

However, the last line of text doesn't align properly, as shown in the image below. Can you please help us with this issue? We would really appreciate it.

[Rakesh_patel_68]

Hello @Ray116 

Hi, Please share your store URL. Thanks.

[Ray116]

sure, our URL is haiz.jp

[Darshanp712]

Hello @Ray116, Please give me a preview link look forward to it. 

[Ray116]

our URL is haiz.jp

[Rakesh_patel_68]

Hello @Ray116 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find your section footer.liquid
4) Add the following code in the bottom of the file add css

<style>
@media screen and (min-width: 750px) {
    #shopify-section-{{ section.id }} .footer-block__details-content>li {
        margin-right: 1.5rem;
    }
}
</style>

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

Best Regards,
Rakesh patel

[Ray116]

Thank for your reply, as I add the code to our shop, it does fix the problem on desktop, but it doesnt align on mobile as the image blow.

Sorry but can you take a look at it for me? Thank you

[Rakesh_patel_68 · Accepted solution]

Hello @Ray116 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find your section footer.liquid
4) Add the following code in the bottom of the file add css

<style>
@media screen and (max-width: 749px) {
	#shopify-section-{{ section.id }} .footer-block__details-content .list-menu__item--link {
	   text-align: left;
	}
}
</style>

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

Best Regards,
Rakesh patel

[Ray116]

I think I got it fixed, thank you!