Does anyone know how to fix this problem

[Guy139]

Hello I have a problem that only appears on mobile for some reason om desktop you can see the Add To Bag button but for some reason you cant on mobile does anyone know how to o fix it?? my site is https://mylittlefixes.com/

[kai_xing]

Hi @Guy139 — I checked the live Calm Koala product page at 320, 360, 390 and 430px widths. The main Add to cart button is currently visible and enabled at each width, and the page also has a separate sticky-cart control. That makes this look device/browser-specific, product-template-specific, or already fixed rather than a global mobile CSS hide.

Before changing theme code, which phone/browser and exact product URL still show the problem? I would also retest that same URL once in a private tab. If it still fails there, the next useful check is the computed style and bounding box of the product-form button on that exact device. I would avoid adding a blanket display:block!important rule because it could duplicate or break the sticky cart bar.

If you share the device/browser and affected product, I can narrow this to a breakpoint, cached theme asset, or product-template difference.

[Guy139]

@kai_xing

etest that same URL once in a private tab. If i

Im using safari but i also tried with chorme on my phone and for some reason it dosent show

[kai_xing]

Thanks — that helps. If this is an iPhone, Safari and Chrome both use the same WebKit rendering engine, so the shared failure can still be iOS/device-specific rather than a global browser issue.

Could you share the exact product URL, your iPhone model and iOS version, and whether the button is still missing in a private tab? With those three details I can compare the affected state against the working mobile widths before suggesting any theme edit.

[Laza_Binaery]

HI @Guy139

You can try this: copy this CSS into your product section Custom CSS setting in theme editor

.mlf-store button {
    color: #2C3E50;
}

It should work, but this is just a temporary solution; something else is going on. Your CSS variables are not quite working for some reason. This section looks like custom code. But check in the theme or section settings if there is a place you can set the button text color.

[Guy139]

Thank you bro worked finally

[HotspotStudio]

You may not have noticed, but there is now an issue with the button hover state on desktop. You should also add CSS to fix the hover issue.

Replace:

.mlf-store button { color: #2C3E50; }

with:

.mlf-store button { color: #2C3E50; }
.mlf-store button:hover { color: #FFF; }