Email box in footer and box width/placement

Email box in footer and box width/placement

addison281
Visitor
1 0 0

Screen Shot 2024-10-11 at 4.16.45 PM.pngHello, 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. 

Reply 1 (1)

DaisyVo
Shopify Partner
4275 467 560

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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution