How to remove the price on the product page on mobile?

[DaveyAlcatraz]

Hi everyone,

I am using the Bullet theme and for some reason the price appears twice on mobile, I like the placement at the top of the page on mobile but if I hide the price in theme editor it doesn’t display a price at all on Desktop. Can someone help me remove the price the second time?

 

 

[Moeed]

Hey @DaveyAlcatraz 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-page .bullet-product-content>product-info section .price {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[DaveyAlcatraz]

Hi Moeed,

Thanks for reviewing that and providing a solution. Although that does work, upon reviewing it I'm not the biggest fan of how it looks. Is there any chance that on mobile only the product name and price at the top in orange were remove and instead just left as they were below the product image itself?

Thanks a bunch, this is a huge help.

[Moeed · Accepted solution]

Hey @DaveyAlcatraz 

Remove the previous code and try this code then with the same steps mentioned above.

<style>
@media screen and (max-width: 767px) {
  x-cell.bullet-mobile-meta.small-only {
    display: none !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed