email mobile footer section -dawn theme

Store Design

Topic summary

A user seeks to add spacing between the newsletter section and the bottom border of their footer on the Dawn theme, specifically for mobile view.

Solution Provided:

  • Navigate to Online Store > Themes > Assets folder
  • Open the main CSS file (main.css, base.css, style.css, or theme.css)
  • Add custom CSS code at the bottom of the file targeting the footer content with a media query for screens max-width 748px
  • The CSS applies a 40px top margin to .footer__content-bottom.scroll-trigger.animate--slide-in

Status: A working solution with code snippet and visual result has been shared. The issue appears resolved, pending confirmation from the original poster.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

hey there,

i want to have space between the newsletter and the end line of the footer

batyaJandMore_0-1725296452837.png
batyaJandMore_0-1725296452837.png313×189 1.41 KB

thanks in advance

2 Likes
2

Hi @batyaJandMore

Would you mind sharing your store preview? Thanks!

3

https://srpp8eqhsqlvqiq3-65779892391.shopifypreview.com

thanks in advance

4

Any help will be appreciated :slightly_smiling_face:

5

Thanks for the info, check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 748px){
.footer__content-bottom.scroll-trigger.animate--slide-in {
    margin-top: 40px;
}
}

And Save.

Result:

Made4uoRibe_0-1725368588446.png
Made4uoRibe_0-1725368588446.png726×332 3.29 KB

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

1 Like