How to change Streamline theme footer to vertical navigation?

Store Design
1

Hey there,

I am building the site www.balmere.com and the Streamline theme has a pretty unusual footer. It stacks the navigation horizontally which we do not like. Is there a way to edit the code to make the navigation vertical with three or four sections? See the screenshot below to see what we are trying to achieve.

Thank you so much in advance!

1 Like
2

Hi @audreygrn !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation.

Please use this code;

  1. Go to Online Store---->Theme---->Edit code
  2. Asset->/theme.scss.liquid---->paste below code at the bottom of the file.

.site-footer__linklist-item {
width: 100%;
}
.site-footer__item {
margin-bottom: 0;
}

Best Regards;

Pagefly

3

Hi @audreygrn ,

You can use the display grid for this which is set to 3 columns

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme.css
  3. Paste the code below at the very bottom of the file.
ul.no-bullets.inline-list.site-footer__linklist {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
4

This did not work unfortunately.

5

This did not work unfortunately