Changing newsletter form position in footer on Refresh theme

Store Design
,
1

Hey,

i am using Refresh theme on our page. I am trying to move the newsletter form in the footer to appear to the right and not sit below the other blocks. How can i achieve this?

This is what our footer looks like now:

Recellit23_0-1692287356408.png
Recellit23_0-1692287356408.png4425Ă—978 214 KB

And i want it to look something like this:

Recellit23_1-1692287487749.png
Recellit23_1-1692287487749.png2238Ă—899 89.8 KB

1 Like
2

Hi @Recellit23

Can you share your website so we can provide the code appropriate for you?

3

Of course.

website is recellit.no

code is goofri

4

Hi @Recellit23

Thank you for providing the information.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (min-width: 1400px) {
.footer-block--newsletter.scroll-trigger.animate--slide-in {
    display: flex;
    width: max-content;
    flex: 1;
    align-items: flex-start;
    margin-top: 0;
}

.footer__content-top.page-width {
    display: flex;
}
}
  • SAVE

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

Result here:

Ribe_Dagandara_0-1692289653067.png
Ribe_Dagandara_0-1692289653067.png1104Ă—836 180 KB

1 Like
5

Thank you, this also solved the social media icons too.

Is it possible to make it wider - or make the social media icons appear below the inndata field?

6

Hi i have tried this and it is not working what am i doing wrong please?

1 Like
7

Oh, the code above would not be same in your store. You have different designs and theme. Would you mind if I’ll take a look? Thanks!

8

Supplements & Equipment – SuperPowerFitness the theme is refresh