- This topic has 7 replies, 2 voices, and was last updated 3 years, 4 months ago by
.
Hi,
Hope everything’s fine on your end.
We want to delete the titlebar title.
By default, the titlebar title is “Blog” on posts, and on the categories, it’s “Categoría:[name of the category]”.
We need to delete/hide this.
We also realized that there is an issue with the breadcrumbs on the category pages (for example: https://www.thewanderlustmag.com/equipaje/). As you can see on the attached screenshot, for some reason the breadcrumbs are located on a different level from the title. Maybe by deleting the title, breadcrumbs will replace where they are supposed to be (as for the rest of the website).
Waiting for your response,
Best regards,Nicholas L.
Hi Nicholas,
I hope you are well today and thank you for your question.
You can hide it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .sh-titlebar .sh-table { display: none; } #page-container .sh-titlebar { padding: 30px 0; }Best regards,
Shufflehound teamHi,
Thank you for your prompt response.
I just added the custom code and it disappear.
The problem is that breadcrumbs also disappeared from the post articles (we want to keep the breadcrumbs all over the website). We noticed that page category breadcrumbs still there (as we need). The problem is for posts articles, where breadcrumbs totally disappeared.
Waiting for your response,
Regards,
Nicholas L.
Please change the above-shared CSS code as below.
#page-container .sh-titlebar .titlebar-title { display: none; } #page-container .sh-titlebar .sh-table h1, #page-container .sh-titlebar .sh-table { padding: 0; min-height: 0; margin: 0; } #page-container .sh-titlebar { padding: 30px 0; }Hi,
I’ve updated the CSS code and this is the current situation:
- The title is not longer visible (as we want).
- Breadcrumbs are visible (as we want). But we noticed this: On post articles, breadcrumbs are shown next to the top of the titlebar (next to the navigation menu). This is not happening on blog category pages (where breadcrumbs are located correctly). The issue affects the desktop version (on the mobile version, breadcrumbs are well placed).
Waiting for your response,
Regards,
Nicholas L.
Solution for this topic
To resolve this, please remove the below custom CSS code that you have added in the style.css file of your child theme.
.sh-titlebar .title-level { text-align: right; float: right !important; margin-top: -30px; }Hi,
Done and now it works perfectly.
Thank you again for your help and attention.
We’ll be in contact.
Best regards,
Nicholas L.
You are always welcome here 🙂
