How can I move the box in the Newsletter?

Solved
Highlighted
Excursionist
21 0 4

Hello dear friends. Please can you tell me how I can move the box a little but only in the mobile view? So that it is in line with the email window.

Please see picture: 

 

Screenshot (47).png

 

 

0 Likes
Highlighted
Shopify Partner
1580 346 463

Hello @Wladi 

I read your description. Can you please provide  your webshop URL?

I will check and provide you solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Shopify Partner
106 13 15

Hi @Wladi,

Can you please share your store URL.

So I will check your issue.

 

If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on pankajtechcode@gmail.com
1 Like
Highlighted
Excursionist
21 0 4

Yes of course.

heavyfit.de 

1 Like
Highlighted
Shopify Partner
5921 871 1996

This is an accepted solution.

Hello, @Wladi 

Thanks for post.

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

#newsletter-wrapper {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 }
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Shopify Partner
106 13 15

This is an accepted solution.

Hi @Wladi,

1. Go to Online Store -> Actions -> Edit code -> Assets -> timber.scss.liquid

Pls add this code at the end in the above file.

@media screen and (max-width: 414px) {
.custom-checkbox {
margin-left: 15px;
}
}
@media screen and (max-width: 375px) {
.custom-checkbox {
margin-left: 10px;
}
}

If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on pankajtechcode@gmail.com
1 Like