Email box in footer and box width/placement


Hello, I’m using Dawn theme and it seems as though my boxes in my footer are too wide and shrinking my email sign up. I’m not sure if this is directly the issue or if it is somewhere else. I was also trying to figure out how to move my boxes over to the right more instead of them being centered. I am a first time user and pretty stuck on this.

Hi @addison281

To fix the footer boxes in your Dawn theme and move them to the right, follow these steps:

1- Adjust Box Width:

  • Go to Online Store > Themes > Customize.
  • Look for Footer Settings and check if there are any width settings. You may need to adjust the column widths.

2- Move Footer Boxes to the Right:

  • Go to Online Store > Themes > Actions > Edit Code.
  • In Assets > base.css, add the following custom CSS to shift the footer boxes: https://prnt.sc/zUPpLKf4TLe8

.footer .grid {

justify-content: flex-start; /* Moves boxes to the left */

}

.footer .grid__item {

margin-left: auto; /* Adjusts spacing to the right */

}

This should fix the layout issue and help move the boxes as you prefer.

If you have other questions, I am willing to answer them more.

Best regards,

Daisy