How to remove "More Payment Options" text running over button.

Solved
Highlighted
New Member
3 0 0

So this error occurs on certain desktops and phones but it is not a universal issue across all browsers. I'm sure there is a way to remove that text running over the button but I can't find the answer.

 

Any advice would be greatly appreciated.

 

Thank you!

 

More Payment Options.JPG

0 Likes
Highlighted

Hello 

 

 

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Highlighted

I have checked the website but not able to generate the issue.

 

Can you please specify the devices where you get those issue or browsers.

 

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Expert
1 1 3

This is an accepted solution.

Hello,

It is my first answer here.

 

First of all you need to login to your admin section.

then go to Online store > Themes from left menu

And edit your current theme. 

in the theme editor open styles.scss.liquid file 

search for "shopify-payment-button__more-options" add display: none; before }  

or in the bottom of this file add this code. 

 

button.shopify-payment-button__more-options {
display: none;
}

That's it. The More payment options will not be displayed. Let me know if it is not working. 

 

Cheers

 

3 Likes
Highlighted
New Member
1 0 0

Hi,

 

I use Minimal Modern theme and there is no  styles.scss.liquid in theme edit options. Please help me solve this. I have a hard time removing sentence under my payment options-- more payment options---.

 

 

Thanks,

0 Likes
Highlighted
Tourist
3 0 1

Hi Guys,

 

 

    I've got Brooklyn theme and I got the same issue. I don't have the file in the theme editing section named below. HELP please :) Thank you !!

0 Likes
Highlighted
New Member
1 0 1

@Jovatons @Drinsology I had the same issue as you guys, I'm using SIMPLE theme and I can't find styles.scss.liquid

 

For SIMPLE, I used Assets/theme.scss.liquid instead of styles.scss.liquid and it worked for me.

 

The code I used was:

 

button.shopify-payment-button__more-options {display: none;
}

 

As an interesting side note, if you want to remove "More Payment Options" and the "Buy with Shop pay" or "buy with google pay" buttons, use the following line of code instead of the one I mentioned above. 

 

.shopify-payment-button {
display: none!important;
}

Hope this helps!

 

My shop: www.limitless.market

1 Like
Highlighted
New Member
2 0 0

Thank you that worked great in Debut theme. 

0 Likes
Highlighted
Tourist
13 0 0

Hello,

I use motion theme, here is the link. I try your solution but it didn't works.

Can you help to check?

https://themes.shopify.com/themes/motion/styles/classic

 

 

微信截图_20200612134913.png

0 Likes