Publisher Theme - Footer Adjustments

Two questions:

  1. How can I fix the spacing between each of my footer sections? It seems really off and I cannot equally space anything.

  2. Is it possible to change the footer menu from vertical to horizontal?

2 Likes
  • Here is the solution for you @madixjohnson
  • Please follow these steps:

  • Then find the base.css file.
  • Then add the following code at the end of the file and press β€˜Save’ to save it.
.footer-block.grid__item {
         text-align: center !important;
}
  • Here is the result you will achieve:

  • Please press β€˜Like’ and mark it as β€˜Solution’ if you find it helpful. Thank you.
1 Like

Hi @madixjohnson

On desktop its horizontal, while on mobile it vertical. Check this.

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. Then place the code below at the very bottom of the file.
.footer-block__details-content, .footer-block.grid__item.footer-block--menu {
    text-align: center;
}

.footer-block__details-content .list-menu__item {
    justify-content: center;
}

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

1 Like

That makes sense! Last question - on desktop, how do I get the menu items to align in the center? It looks like all items align to the right.