Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How to center pricetag on mobile and how to get the newsletter 'subscribe' button at the right?

Solved

How to center pricetag on mobile and how to get the newsletter 'subscribe' button at the right?

Paul_K
Excursionist
14 0 0

Hey,

i'm wondering how to get the pricetag in product view centered on mobile view (look at first image).

 

second i'm trying to get the newsletter subscribe button at the right side on mobile view like it is seen on pc (first & second image)

 

thx:)

 

screenshot shopify.png

screenshot pc view shopify.png

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2303 570 1426

This is an accepted solution.

hello @Paul_K 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-footer__newsletter .contact-form .input-group {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
} 

 

View solution in original post

Replies 6 (6)

Paul_K
Excursionist
14 0 0

i already solved the price to center, just need a bit help with the newsletter problem:)

Kinjaldavra
Shopify Partner
2303 570 1426

hello @Paul_K 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Zworthkey
Shopify Partner
5581 642 1583

Hii, @Paul_K 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

Paul_K
Excursionist
14 0 0
Kinjaldavra
Shopify Partner
2303 570 1426

This is an accepted solution.

hello @Paul_K 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-footer__newsletter .contact-form .input-group {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
} 

 

Zworthkey
Shopify Partner
5581 642 1583

@Paul_K 
Paste this code on top of the theme.scss file.

.input-group__btn {
    position: relative !important;
}
input#ContactFooter-email {
    position: relative !important;
    left: 20px !important;
    margin-left: -56px !important;
}

input#ContactFooter-email {
    max-width: 75% !important;
}

Thank You.