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

Solved
Paul_K
Excursionist
12 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)

Accepted Solutions
Natztech
Shopify Partner
2238 565 1384

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;
} 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp

View solution in original post

Replies 6 (6)
Paul_K
Excursionist
12 0 0

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

Natztech
Shopify Partner
2238 565 1384

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.

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Zworthkey
Shopify Partner
3317 391 775

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Natztech
Shopify Partner
2238 565 1384

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;
} 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp

View solution in original post

Zworthkey
Shopify Partner
3317 391 775

@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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing