remove element from default page - minimog theme

Solved

remove element from default page - minimog theme

GM15
Excursionist
37 1 3

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.

 

Screenshot 2025-01-22 at 18.55.23.png

 

website : lachaise.co

 

track order / contact us / FAQs page concerned.

 

Thanks for your help

Accepted Solution (1)
Natasha-Saed
Shopify Partner
460 50 86

This is an accepted solution.

Delete the previous code and add this one

 

.m-breadcrumb--wrapper {display: none !important;}

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint

View solution in original post

Replies 9 (9)

CodingFifty
Shopify Partner
525 80 99

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;
}

 

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

brisk_code
Shopify Partner
80 9 13

Hi
Paste the code in Custom CSS in default page:

 

.m-scroll-trigger {
  display: none !important;
}

 

brisk_code_0-1737573551794.png
The code only effect in Default page, not others pages

 

Best
Fazil Nusrat from Brisk Code

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Natasha-Saed
Shopify Partner
460 50 86

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

 

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
GM15
Excursionist
37 1 3

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 

Natasha-Saed
Shopify Partner
460 50 86

So you want to keep the title and only remove the breadcrumb ?

 

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
Natasha-Saed
Shopify Partner
460 50 86

This is an accepted solution.

Delete the previous code and add this one

 

.m-breadcrumb--wrapper {display: none !important;}

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
GM15
Excursionist
37 1 3

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>

Natasha-Saed
Shopify Partner
460 50 86

You are welcome,

 

I don't understand the next part can you share an image and clarify please

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
GM15
Excursionist
37 1 3

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 : 

Screenshot 2025-01-23 at 11.54.55.png

 

what it needs to look like : 

Screenshot 2025-01-23 at 11.55.24.png

 

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