URGENT: Custom CSS requirement

Hello everyone,

I am looking for some urgent help with a mobile display issue I am having in my funnel.

Problem: So in mobile view the text description I have in my product is just a few numbers showing compare at pricing. On mobile view this becomes almost completely cut off no matter how I adjust the placement of it. Support told me to post here for custom CSS coding help to optimize the mobile version.

Thanks in advance for your help.

Hi @Abanoob_Teddawis,

I understand how frustrating display issues can be, especially on mobile! Based on your description, the problem might be due to restricted container dimensions or an overflow setting.

To provide the best solution, could you please share more details? Specifically:

  1. A screenshot of the issue on mobile view.
  2. The URL of your funnel or a reference link (if possible).
  3. Any additional CSS or custom code you’ve already tried (if applicable).

With this information, we’ll be able to offer a more accurate fix. Looking forward to helping you resolve this!

Hey @anwerashif ,

Here is the screenshot of the desktop version vs the mobile version. Also, here is a link to the funnel.

https://aurien.funnelish.com/lp1/leg-massager-checkout-2345235-1732077938655660

Thanks so much!

![Screenshot 2024-12-02 at 1.46.14 PM|410x392](upload://jnGBbFu6

Screenshot 2024-12-02 at 1.46.03 PM
bCt0d9HJITOZAhaYnHM.png)

Hey @Abanoob_Teddawis,

Thank you. I just checked. Please see this attached video.

Hey @anwerashif ,

Thanks for checking this out, I actually just changed it to english to be able to fit, my issue is when I have my full product name in german i am running into issues. I do want to change it to German but i have ads live right now so I can’t do it until it’s fixed.

Hey @Abanoob_Teddawis,

No problem at all! I’m always here to help. I understand the situation with your ads being live—let’s work on resolving the issue so you can switch to German smoothly when the time is right. Let me know the exact challenges you’re facing with the full product name in German, and we’ll figure out a solution together!

Looking forward to helping you out. :blush:

Here is what it looks like when I translate the product name to german

Hi @Abanoob_Teddawis,

Use the following CSS. If it does not work expectedly, send me the URL

.product-list .pl-item .pl-price {
    min-width: fit-content !important;
}

Thank you