A user is experiencing a header visibility issue where the header only appears on the landing page but not on other pages (cart, collection, etc.). Additionally, the shopping cart icon, search icon, and other header buttons appear misaligned.
Initial Solution Attempt:
base.css fileRevised Solution:
theme.liquid file before the closing </body> tag!important declarationsCurrent Status:
The discussion remains open. The user has not yet confirmed whether the second solution resolved the header visibility and alignment issues.
reposting this because i have yet to have someone get back to me with solution:
unable to make the header appear on every other page except the landing page, as you can see when you view my link & shopping cart icon and search icon are uneven with other header buttons
Hi @feuerlein
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
h1.header__heading {
display: none;
}
header.header.header–top-center.header–mobile-left.page-width.header–has-menu {
display: flex !important;
justify-content: space-between;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
Please try again with this code:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag → save.
h1.header__heading { display: none !important; } header.header.header--top-center.header--mobile-left.page-width.header--has-menu { display: flex !important; justify-content: space-between; }Hope that my solution works for you.
Best regards,
Victor | PageFly
