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

[iQliving_Staff]

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!

[oscprofessional]

Hello iQliving_Staff,

Please share your website URL, you want to permanently remove that or wanna to place it in proper position.

[iQliving_Staff]

https://www.iqliving.com/

[oscprofessional]

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.

[Deals-on-Tips · 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

[Jovatons]

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,

[Drinsology]

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 !!

[Rvbeien]

@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

[NRGISE]

Thank you that worked great in Debut theme. 

[Vicbr]

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