Problem with product page on mobile only

[alborg]

Hi

I have a problem with the Meka theme whereby the product comparison template is showing in my product pages on mobile only.

I don’t have the product comparison section added to any of my pages on my website so not sure where this is coming from. 

It only shows on the product pages when viewing via mobile.  It doesn’t show on same page when viewing via laptop.

I have no compare at price added to my products.

Does anyone know how I can remove this?  Thanks

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
.compare-modal {
    display: none !important;
}
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[AnneLuo]

Hi, @alborg 

Can you please share the store URL so that I can assist you?

[alborg]

Hi AnneLuo, 

Sure it's www.turonauto.com.au

Thanks

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
.compare-modal {
    display: none !important;
}
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[alborg]

@AnneLuo   Thankyou for the reply.

This has partially resolved the issue.  However if I swipe left on a product page on a mobile I still have the grey Product comparison formatting running up the side of the page.  My product breadcrumb also spills out onto this from the website.  Would you know how to resolve this also please?

[AnneLuo · Accepted solution]

Add the code below at the same location.

<style>
.breadcrumbs__link {
    flex-shrink: unset !important;
}
</style>

 Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[alborg]

@AnneLuo  You are amazing.  A big thankyou for fixing both of my issues 👍

[Dan-From-Ryviu]

Hi @alborg 

Which section? Could you take screenshot? 

[alborg]

@Dan-From-Ryviu  please see below

 

[Dan-From-Ryviu]

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

.breadcrumbs__link { flex-shrink: unset !important; }

[alborg]

Thankyou Dan, much appreciated.

[Dan-From-Ryviu]

You are very welcome!