Thanks for feedback and reamind
Happy New year
Topic summary
Goal: remove the divider line under the header in the Shopify Motion theme.
-
Initial fix suggested: add CSS “.site-header { border-bottom: none; }” in theme stylesheet. It did not work when the requester tried it.
-
Due to forum message size limits, full CSS couldn’t be shared. The helper obtained staff access and applied a fix directly.
-
A participant noted the issue persisted on an unpublished theme copy (“Copy of Motion - Designed by Alexander”). The helper then updated that version as well. Screenshots/links were shared to confirm results.
-
Follow-up clarification: the effective change required CSS specificity override using “!important”. Example: “.site-header { border-bottom: none !important; }” to override existing styles.
-
Outcome: header divider successfully removed; confirmation given by multiple participants.
-
Open question: another user asked how to remove similar lines from section dividers. No code or solution for section dividers was provided yet.
Status: resolved for the header divider; pending guidance for section divider removal.
2 Likes