How to adjust individual column widths in Minimal Theme footer?

Store Design
1

As you see the footer menu has to be aligned.

Most important thing is, I need more text space in first column.

Could anyone help me with this.

See image below,

2020-12-14.png
2020-12-14.png2560×1380 473 KB

1 Like
2

@Markiemark

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

1 Like
3

Hi Ketan Kumar,

Thank you for your response, hope you have a solution.

Site URL: https://info-20284.myshopify.com/

Thx.

4

@Markiemark

Thanks for store url sorry but your store is password protect

1 Like
5

Oops, could you try it again :slightly_smiling_face:

6

@Markiemark

Thanks for it

do you need theme setting each column?

1 Like
7

First column should be wider, the other columns should not.

8

@Markiemark

Thanks for clear can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
@media screen and (min-width: 769px) {
.site-footer .grid-uniform .grid__item:nth-child(1) {
    width: 50%;
}
}
1 Like
9

Dear Ketankumar,

You are awesome!!

It works. Love youuuuuuuuuu

1 Like
10

@Markiemark

Thanks for your feedback and support.

11

Hi, I wanted to know if I can have the social media links under my logo in the footer? @KetanKumar

Www.ibjams.com

1 Like
12

@ibjams

sorry for this issue

please share footer section code so i will update