Mobile product page trust badgets position. Debut Theme

Excursionist
54 0 1

Hi guys,

I have a picture of trust badgets added to my product description. In my desktop version is express checkout button (btw I would like to have a express checkout with paypal and not google pay, how can I change that?):
Bildschirmfoto 2019-10-17 um 10.47.10.png

In my mobile version is a gab, that I would like to remove, either by adding a paypal express checkout button or by just making the empty gab smaller.
Bildschirmfoto 2019-10-17 um 10.50.05.png

Thank you!

0 Likes

Hello 

You can remove gab by adding this css at bottom of 

Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

@media only screen and (max-width: 749px){
.product-single__description {
margin-top: 0px!important;
}
}

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Expert
665 170 199

Hi, @qcombo ,

This is Evita from On The Map.

 

For the Paypal button make sure you have created and set up your Paypal account. Read more here - https://help.shopify.com/en/manual/payments/paypal/set-up-paypal

 

For the gap you will need to add CSS code, can you add your Store URL?

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Excursionist
54 0 1

this is my URL:
www.beerstock.de


@OTM wrote:

Hi, @qcombo ,

This is Evita from On The Map.

 

For the Paypal button make sure you have created and set up your Paypal account. Read more here - https://help.shopify.com/en/manual/payments/paypal/set-up-paypal

 

For the gap you will need to add CSS code, can you add your Store URL?

 

Best,
Evita


 

0 Likes
Shopify Expert
665 170 199

Ok great,

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

@media only screen and (max-width: 749px) {
    .product-single__description {
        margin-top: 0px!important;
    }
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Excursionist
54 0 1

thank you!
Is it also possible to remove the express checkout (google pay) button from my product page. (Picture 1) ?

0 Likes
Excursionist
54 0 1

It worked but I would like them a litte bit higher like in this store:
Bildschirmfoto 2019-10-17 um 11.39.44.png

right no it looks like this:
Bildschirmfoto 2019-10-17 um 11.40.02.png

0 Likes