How to remove a "Enter discount code here" section in debutify theme

Store Design

Topic summary

A user seeks to remove the “Enter Discount Code Here” section and a social media dropdown menu from their cart page on a Debutify theme store (ummahcollections.com).

Solutions Provided:

  • Custom CSS approach: Add CSS code in theme.liquid file just above the </body> tag to hide the discount code field using display: none !important;
  • Cart.liquid modification: Locate and remove the discount code input field directly from the cart.liquid template file
  • Social media dropdown removal: Use browser developer tools to inspect and identify the dropdown’s class/ID, then apply similar CSS hiding techniques or JavaScript to remove the element

Current Status:

The discount code section was successfully hidden using custom CSS, but the user still needs help removing the social media dropdown. A suggestion was made to check the Theme Customizer (Online Store > Themes > Customize) for built-in toggle options to disable social media links without coding. The user indicated limited coding knowledge, making the visual theme editor approach more suitable.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

I’m facing the problem that in my cart section I got message like: “Enter Discount Code Here”. I want to remove it from the cart section. I saw multiple Shopify community posts, but still I’m facing this issue. My store URL is: “ummahcollections.com”

1 Like
2

Hi @huju ,

I have written custom CSS for this solution. Please follow below steps and let me know your feedback.

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code just above tag

theycallmemakka_0-1733379182156.png
theycallmemakka_0-1733379182156.png1606×447 56.2 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

3

Hi @huju

I have checked your Shopify store URL- ummahcollections.com

as you want to remove “Enter Discount Code Here” you need to check cart.liquid page, find the discount code field, and add some code like .

It is workable for this problem, If you are still facing an issue then let’s discuss it further.

Thank you!

4

Thanks, my issue is almost solved after applying your custom css code. But I also want to remove a drop down menu presented Facebook, and other social media in the cart section. Kindly help me to resolve this. URL: ummahcollections.com

5

To remove the dropdown menu for social media in the cart section:

  1. Inspect the Element: Use browser developer tools to find the class or ID of the dropdown menu.

  2. Add Custom CSS:

    css
    .dropdown-class { display: none !important; }

    Replace .dropdown-class with the actual class or ID.

  3. JavaScript (Optional):

    javascript
    document.addEventListener(“DOMContentLoaded”, () => { document.querySelector(‘.dropdown-class’)?.remove(); });

  4. Save and Test: Apply the code and refresh the page to confirm.

6

I have no idea in coding. So it is not possible for me to change anything from inspect element

7

  • Log in to Shopify Admin:
    Go to Online Store > Themes > Customize.

  • Check for Customization Options:

    • Look in the Theme Editor for settings under Header, Footer, or Cart sections.
    • Some Shopify themes have toggles to show/hide social media buttons or dropdowns.

  • Disable Social Media Links:
    If there’s an option like “Enable Social Media Links” or “Show Dropdown,” turn it off. Save the changes.

    @huju I think this process would be helpful for you. If you are still facing the same issue I can assist you on-call