For my proxy app pages, I am trying to achieve the same styling and overall rendering of my storefront’s header and footer. The header on the proxy app page appears significantly larger, and the font is not rendered correctly as well. I tried to reference the same class names associating with my storefront’s menu items in my proxy app project’s stylesheet, but there wasn’t any change. Is there a particular way to achieve this?
Topic summary
Issue: Header and footer on proxy app pages do not match the storefront’s styling. The header renders significantly larger and fonts are incorrect compared to the main store.
What was tried: Matching the storefront’s menu-related class names in the proxy app’s stylesheet. This had no effect on the proxy app pages’ appearance.
Goal: Achieve the same styling and overall rendering for header and footer on proxy app pages as on the storefront.
Status: Unresolved. No confirmations, fixes, or workarounds reported yet.
Open question: Is there a specific method to reproduce or inherit the storefront’s header/footer styling on proxy app pages so they render identically? No code, images, or additional diagnostics were provided.