Can't edit section of theme, need some symbols gone

Shopify Discussion

Topic summary

Issue: The store owner wants to remove the phone and mail symbols from a section because they create excessive blank space on mobile. The theme has no built‑in toggle to hide them.

Proposed fixes (CSS-based):

  • Add custom CSS targeting the elements, e.g. “.contact-text { display: none; }”. One variant scopes it: “.content-qa-banner .contact-text { display: none !important; }”.
  • Where to place CSS:
    • theme.liquid (add before the tag).
    • assets/bootstrap.min.css (append at the end).
    • Theme > Customize > Custom CSS (paste into the section’s custom CSS).

Notes:

  • “theme.liquid” is the main theme layout file; “CSS” is styling code; “selector” (e.g., .contact-text) targets specific elements.
  • Responders shared screenshots showing the icons hidden after applying the CSS. Images are central to understanding the before/after.

Outcome: The original poster confirmed the solution worked (“Thank you!”). A helper acknowledged the success and offered further assistance.

Status: Resolved. No outstanding questions or disagreements.

Summarized with AI on December 15. AI used: gpt-5.
2

Hey @houseofhustlers

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1730544776380.png
Moeed_0-1730544776380.png369×660 19.2 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed