Shopify themes, liquid, logos, and UX
Website w/ page in question: https://luxurysips.net/pages/about-our-beans
Been looking everywhere on the design forums but nothing has seemed to work. The page uses the "Default page" template but I cannot seem to find which file this template belongs to in the Edit Code section. Could anyone explain any of this?
Thanks in advance,
Rob
Solved! Go to the solution
This is an accepted solution.
@robrachlin,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
.main-page-title.page-title:nth-child(1){
display: none !important;
}
</style>
Kind regards,
Diego
This is an accepted solution.
@robrachlin,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
.main-page-title.page-title:nth-child(1){
display: none !important;
}
</style>
Kind regards,
Diego
Thanks!
I did this, and now the page description is showing up. How do I remove the page description now?
I removed the Store Name from the end of the title tags by removing the following line in the theme.liquid file. (Assuming you haven't made any changes to the file yet, this should be found on Line 23)
{%- unless page_title contains shop.name %} – {{ shop.name }}{% endunless -%}
I am not sure you would want to remove the entire title, would you? I believe that will negatively impact your SEO.
I came here for the same question. Thank you for the help. 🙂
This kinda works, but it adds a break/spacing?
Thank you Diego! You've helped me find a solution I've been searching for all day XD
EDIT
Hello @diego_ezfy ,
Your solution definitely removes the title from the page template, unfortunately leaves a white gap between the header and the content and the page title flashes one time. Instead of hiding the title, is there a way to remove or hide the entire section?
I tried this one and it works, but don't know how to solve the page title flash 😕
#shopify-section-template--14459797340241__main > div {
display: none;
}
Thank you in advance Diego.
Best regards
This does not fully remove it, it's just hiding the element from the DOM
here's how I totally remove it
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your main-page.liquid file, starting line 22 to line 24 in dawn theme you will find this.
<h1 class="main-page-title page-title h0">
{{ page.title | escape }}
</h1>
You can remove it entirely or do whatever you want technically.
None these worked for me. What am I do wrong? I am using Dawn the 2022 most recent version. Below is what is still viewable on the homepage.
I followed this video and it worked for me. Basically create a new page template that doesn't display the title and you switch all the pages to the no title template when you don't want the title displayed on the page. Super easy to follow.
This was helpful - thank you 🙂
.h1 {
display: none;
}
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024