Problem with product page on mobile only

Solved

Problem with product page on mobile only

alborg
Tourist
12 0 1

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

Accepted Solutions (2)
AnneLuo
Shopify Partner
1045 197 220

This is an 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!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

View solution in original post

AnneLuo
Shopify Partner
1045 197 220

This is an 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!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

View solution in original post

Replies 11 (11)

AnneLuo
Shopify Partner
1045 197 220

Hi, @alborg 

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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

alborg
Tourist
12 0 1

Hi AnneLuo, 

 

Sure it's www.turonauto.com.au

 

Thanks

AnneLuo
Shopify Partner
1045 197 220

This is an 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!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

alborg
Tourist
12 0 1

@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
Shopify Partner
1045 197 220

This is an 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!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

alborg
Tourist
12 0 1

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

Dan-From-Ryviu
Shopify Partner
10094 2006 2058

Hi @alborg 

Which section? Could you take screenshot? 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

alborg
Tourist
12 0 1

@Dan-From-Ryviu  please see below

 

Screenshot_20241014_122739_Chrome.jpg

Dan-From-Ryviu
Shopify Partner
10094 2006 2058

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

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

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

alborg
Tourist
12 0 1

Thankyou Dan, much appreciated.

Dan-From-Ryviu
Shopify Partner
10094 2006 2058

You are very welcome! 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.