Code is not being applied to editor or preview anymore

[gmuletr]

Hello I’ll try to describe this as clear as possible because it is quite annoying me and I don’t know where this problem came from!

I’ve been making some changes on my theme over the past 2 weeks, mainly changing the mobile drawer menu design, this is how it ended up looking (luckily I took a screenshot so I can show you)

However 2 days ago I opened the theme editor as usual and everything was strange. Many of the changes I had made to the menu disappeared. In fact, ALL of its changes disappeared and my menu was back to the original version from 2-3 weeks ago before I made any changes.

Even a carousel I changed 1 or 2 months ago, which I managed to make it show 2 squares per page in mobile (it’s a custom carousel if I recall correctly, not the standard product one) was “sent back” to some kind of previous version, showing now only 1 image per page and I don’t understand why. Before(correct version)/After(happened because of this whole problem)

But here’s the surprise: I go into the code to check, and my changes ARE in still in the code. For example, very clearly, the code to remove the images on the menu and change the font style:

@media (max-width: 768px) {
  /* Hide collection images in mobile menu */
  .mobile-menu .menu-item img, .header-menu .menu-item img, .mega-menu img.collection-image, nav img[class*="collection"],
  .menu-drawer img, .hdt-category-img img {
    display: none !important;
  }

  .hdt-menu-link-text * {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 17px;
  }

And yes before anyone asks, I checked 10 times to see if I’m on the same theme for both the editor and the code.

All of this makes absolutely no sense and I can’t think of any reason why this would happen or how to fix it.

Any ideas?

[tim_tairli]

If it were just theme settings I’d probably point at possibility of wrong market selected, but theme code is the same for all markets.

I’d suggest clearing cookies (this will require you to re-login though).

To confirm that you’re looking at the same theme, you can always open Developer tools and look at Shopify.theme variable in console:

Theme id should be part of the URL in “Edit theme” and “Edit theme code”

Try duplicating your theme and see if the code re-surfaces in new theme copy.

It is also possible that server-side cache went crazy – contact Shopify support and ask them to clear cache.

If this is the case, this can be related – Anyone else seeing wrong images in search engines (Google/Bing) since early December? - CDN cache incoherence

Also – if you have apps installed, Apps may change without you knowing about and add / remove some new CSS on your page.

[Michael-50]

If the code is correct but the editor is wrong, try these steps in order:

Step A: Force a CSS Recompile. Go into your main CSS file ( usually base.css or theme.css ) add a blank space at the bottom, and hit Save. This often forces the Shopify CDN to clear the cache for that theme.

Step B: Toggle a Setting. In the Theme Editor, find a checkbox or a margin slider for the broken section. Change it, hit Save, change it back, and hit Save again. This forces the JSON top “re-marry” the Liquid code.

Step C: Check for Duplicate Sections. Ensure you didn’t accidently create a header-backup.liquid and that the theme is still pointing to the correct file.

[Dan-From-Ryviu]

Could you share the link to your store?