Publisher Theme - Footer Adjustments

Store Design
,
1

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?

Screenshot 2024-07-18 at 10.16.48 AM.png
Screenshot 2024-07-18 at 10.16.48 AM.png3455×604 129 KB

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

step.png
step.png1865×854 125 KB

  • 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:

BSSTekLabs_0-1721316496137.png
BSSTekLabs_0-1721316496137.png1896×611 41.3 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
3

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
4

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.