Cart Icon disappeared in Mr Parker Theme

Store Design
,
1

I use the Mr Parker Theme by We Are Underground.

My cart icon and customer account icons seem to have disappeared from my Header on Desktop and full size view, but they are still available in Mobile view. I can’t find anywhere in customizations and settings to fix this and I haven’t made any recent changes to my website or code. Wondering if this is happening to anyone else or if anyone may know a fix? Thank you!

2

Hi @BurkeMerc

It is good that you shared what theme you are using, but to actually see a problem, it would be better if you could share a link to your store.

3

Thanks for the tip! My website is www.burkemercantile.com . I found a temporary solution to add an Announcement bar so it is showing there, but it iss still disappeared from the Header on desktop full size view.

5

@BurkeMerc

I checked the theme demo, and it looks like developers did not include an option in settings to show the account nd cart part anywhere else besides in the announcement section. Contact theme developers and check if that is the case.

And I do not see a problem now, on the desktop it looks fine. Could you share a screenshot of when it does disappear?

@JordanDC

Sure, jump in and give some suggestions. It would be great if you have worked with this theme and know some configuration settings.

6

Hi @BurkeMerc,

The cart and customer icons in Mr Parker are controlled by the header settings, and there are a few reasons they can disappear on the desktop version. Here are some steps you can try:

  • In your theme customizer, open the Header section and ensure the “Show cart icon” and “Show customer icon” options are enabled for the desktop breakpoint. Some header layouts hide the icons by default.

  • Try switching the header layout or adding back an announcement bar. In some versions of the theme the icons only display when there is enough horizontal space. Removing the bar can push them off‑screen, so re‑enabling it or choosing a different header style may make them visible.

  • Check your theme’s CSS and any custom code you’ve added. An accidental rule like display: none; on .header__icons or .cart‑link will hide the icons. You can override it by adding the following to your theme’s custom CSS:

    .site-header .header__icons {  
  display: flex;  
  align-items: center;  
}

  • Make sure you are running the latest version of Mr Parker. We Are Underground have released updates that fix header issues. Updating your theme (or copying your custom code into a fresh version) often resolves this type of bug.

  • Finally, clear your browser cache or test in an incognito window to rule out a caching problem. The icons may appear for other visitors even if you cannot see them.

If these steps don’t fix it, contacting the theme developer is the next step – they can look at your specific store and provide a targeted fix.

Hope that helps!

7

Hi @BurkeMerc

It can be frustrating when essential elements like the cart and account icons disappear from your website’s header. Since you’ve confirmed they are visible on mobile, this suggests a desktop-specific issue with your Mr Parker Theme. Here are several steps you can take to troubleshoot and resolve this problem.

1. Check Theme Header Settings

First, let’s ensure that no settings have been accidentally changed in your theme customization.

  • Navigate to your Shopify Admin > Online Store > Themes.

  • Find your Mr Parker theme and click on Customize.

  • In the theme editor, use the top dropdown menu to select “Header”.

  • Carefully review all the settings related to the header. Look for any options that might hide or show the cart and account icons specifically on desktop. Theme developers sometimes include visibility settings for different devices.

2. Rule Out App Conflicts

A recently installed or updated app could be conflicting with your theme’s code and causing the icons to disappear.

  • Review Recently Installed Apps: Think back to any apps you may have installed around the time the icons disappeared.

  • Disable Apps Temporarily: You can try disabling your apps one by one, starting with the most recently installed ones. After disabling each app, check your website in a new incognito browser window to see if the icons have reappeared. If they do, you’ve found the conflicting app. You can then decide whether to keep the app and contact its developer for a fix, or find an alternative.

3. Check for Custom Code Issues

Even if you haven’t made recent changes, it’s possible some custom code is now causing an issue, perhaps after a theme update.

  • If you have added any custom CSS or JavaScript to your theme files, review it for any code that might be hiding elements on desktop. Look for CSS rules with @media queries that apply to larger screen sizes.

  • If you’re comfortable with code, you can look at your theme’s header.liquid file (or a similar file controlling the header) to see if the code for the cart and account icons is present. A Shopify Community thread on a similar issue suggested that a line of code was accidentally removed. While the specifics may differ for your theme, it highlights that accidental code removal can be a cause.

4. Update Your Theme

Your theme might have a bug that the developers have since fixed in a newer version.

  • Check if there is an update available for your Mr Parker theme. You can usually see this in your Shopify Admin under Online Store > Themes.

  • Before updating, it’s always a good idea to duplicate your current theme to create a backup.

Thank You!