How to increase width of footer menu columns

Hi,

I want to increase width of footer menu so it fits all the text in one row

I want it like this:

Currently it looks like this:

Can someone help me please?

1 Like

@arutze ,

could you please share your store URL? so, I can check and guide you to solve your issue.

Hi, I just send you the details in private message.

Hi @arutze ,

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.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:
  4. And Save.
.footer-block.grid__item.footer-block--menu.scroll-trigger.animate--slide-in {
    padding-right: 50px;
}

Result:

I hope it help.

Hi Ribe,

Thanks for help! One thing, the Shipping and Returns is still not at the same line, can I make a bit more space? I want it to be on the same line

1 Like

Oh okay, I didnt notice that try this.

.footer-block.grid__item.footer-block--menu.scroll-trigger.animate--slide-in {
    width: auto;
}
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
    margin-right: auto;
}

Result:

1 Like