Shopify themes, liquid, logos, and UX
Hello,
I would like to remove the title and breadcrumb on the default page.
there is no section for this in the Shopify parameter so possibly in the theme file.
website : lachaise.co
track order / contact us / FAQs page concerned.
Thanks for your help
Solved! Go to the solution
This is an accepted solution.
Delete the previous code and add this one
.m-breadcrumb--wrapper {display: none !important;}
Hi @GM15,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.m-page-header.m-page-header--template-page.m\:text-center.m-scroll-trigger.animate--fade-in-up {
display: none !important;
}
Hi
Paste the code in Custom CSS in default page:
.m-scroll-trigger {
display: none !important;
}
The code only effect in Default page, not others pages
Hello,
Go to online store and chose edit code.
Open the file main.css
Paste the following code at the bottom
.m-page-header.m-page-header--template-page.m\:text-center.m-scroll-trigger.animate--fade-in-up {
display: none !important;
}
This will hide all the titles and breadcrumbs
hello, thanks for your help. This is working but now when I want to put a title on one of these pages it put the same on the other one. is there a way to remove the breadcrumb only or to be able to modify the title for each of of them. thank you
So you want to keep the title and only remove the breadcrumb ?
This is an accepted solution.
Delete the previous code and add this one
.m-breadcrumb--wrapper {display: none !important;}
thank you very much, exactly what I needed. 😍
one last thing how to make all the title looks the same as my other page ?
example below:
<div class="m-section__header m:text-center ">
<h2 class="m-section__heading h3 m-scroll-trigger animate--fade-in-up">
THE LINEUP
</h2>
</div>
You are welcome,
I don't understand the next part can you share an image and clarify please
I would like my default page title to have the same format as the other page title. the font weight and position is different.
current default page title :
what it needs to look like :
the code is like this for the format wanted : <div class="m-section__header m:text-center ">
<h2 class="m-section__heading h3 m-scroll-trigger animate--fade-in-up">
ABOUT US
</h2>
</div>
thank you
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025