Home / Forums / WoodMart support forum / Our Magazine
Home › Forums › WoodMart support forum › Our Magazine
Our Magazine
- This topic has 9 replies, 2 voices, and was last updated 2 weeks, 4 days ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
September 21, 2026 at 4:27 pm #729806
sevtra7ParticipantHi,
How can I disable only the Page Title text and Breadcrumbs on specific pages in WoodMart, while keeping the Page Title section and its background image fully visible? I do not want to disable the Page Title area itself. Is there a native per-page setting or a recommended WoodMart method for this?Best regards,
Kad
September 22, 2026 at 9:29 am #729843Hello,
Can you please share the page URL where you want to disable so I can further check on your site and give you a possible CSS code?
Best Regards
September 22, 2026 at 2:59 pm #729877
sevtra7ParticipantHi,
We added some CSS code via the “Theme Customization + CSS” panel. On the desktop version, the page title and breadcrumbs no longer appear, but on tablets and smartphones, the page title (“Our Magazine” + breadcrumbs) is still visible. Our logo and the page title are redundant, so we want to keep only the logo (which already displays the page title).We would like to apply this same change to the “Our Blog” and “Our Portfolio” pages as well.
See the screenshot!
Best regards,
Kad
Attachments:
You must be logged in to view attached files.September 23, 2026 at 9:32 am #729905Hello,
It appears that this may be the Shop page, where the categories are being displayed within the Page Title area.
Please navigate to:
Theme Settings > Product Archive > Page Titleand check the Categories in Page Title option. If enabled, you can disable it to remove the category links from the Page Title area while keeping the Page Title background visible.
For the other pages where you want to hide the Page Title text and breadcrumbs while keeping the Page Title area/background visible, please share the URLs of those pages. We will check the pages and provide you with the appropriate CSS code to hide them on both desktop and mobile devices.
Best Regards
October 23, 2026 at 5:34 pm #731250
sevtra7ParticipantHello XTemos Support Team,
We would like your assistance in implementing custom CSS to hide page titles and breadcrumbs on specific pages of our website, Brandsluxe.com.
The pages concerned are:
– The Brandsluxe Magazine
– Facebook
– Instagram
– LINE
– NAVER
– RED
– WeChat
– Weibo
– YouTubeOur objective is to remove the page titles and breadcrumbs from these pages while **preserving the Page Title area and its background image**. We only want to hide the displayed title text and breadcrumb navigation, without affecting the header layout, background images, or other page elements.
Furthermore, we may need to disable breadcrumbs on additional pages in the future. Therefore, we would appreciate it if you could provide a **flexible and easily customizable CSS solution** that allows us to specify the pages on which these elements should be hidden, without affecting other pages of the website.
Ideally, the solution should also be compatible with both desktop and mobile devices.
Could you please provide the appropriate CSS code and explain how we can customize it to add or remove pages in the future?
Thank you for your assistance.
Best regards,
The Brandsluxe TeamOctober 24, 2026 at 10:10 am #731255Hello,
WoodMart doesn’t have a per-page setting to hide only the title text and breadcrumbs while keeping the Page Title section and its background image visible. The Disable page title option removes the entire section, while the breadcrumbs setting in Theme Settings applies globally.
You can achieve this using custom CSS:
1. Find each page ID
Navigate to Pages in your WordPress dashboard and edit each page to find its ID.2. Add the CSS
Navigate to Theme Settings > Custom CSS > Global CSS and add the following code, replacing the example IDs with your actual page IDs:The code below into the Global CSS field. Replace the example IDs with your real page IDs:
.page-id-1111 .wd-page-title .entry-title, .page-id-1111 .wd-page-title .wd-breadcrumbs, .page-id-2222 .wd-page-title .entry-title, .page-id-2222 .wd-page-title .wd-breadcrumbs, .page-id-3333 .wd-page-title .entry-title, .page-id-3333 .wd-page-title .wd-breadcrumbs { display: none; }This code only hides the title text and breadcrumbs. The Page Title section, its background image and the header stay the same. Once the text is hidden, the section may look a little shorter.
If anything doesn’t work as expected, please share the page URLs and we’ll check them.
Best Regards.,
October 26, 2026 at 7:27 pm #731311
sevtra7ParticipantHello XTemos Support,
I need your assistance with an issue involving the breadcrumb navigation on our WordPress website, Brandsluxe.com, which uses the WoodMart theme and Rank Math SEO.
**The issue**
We have added custom CSS to hide the page title and breadcrumb navigation on eight specific pages dedicated to social networks:
– Facebook
– Instagram
– LINE
– NAVER
– RED
– WeChat
– Weibo
– YouTubeThe CSS works correctly on seven of these pages. However, **the breadcrumb navigation remains visible on the Instagram page**, despite using the same approach.
**Instagram page details**
– WordPress page ID: 32278
– The breadcrumb element identified in Chrome DevTools isnav.rank-math-breadcrumb.
– We have tried the following CSS rules without success:`css
.page-id-32278 .wd-breadcrumbs {
display: none !important;
}body.page-id-32278 nav.rank-math-breadcrumb {
display: none !important;
}
`The CSS is saved in WordPress, and the Publish button is greyed out, indicating there are no pending changes to publish.
We have checked the element using Chrome DevTools, but the issue remains unresolved.
**Could you please investigate why the breadcrumb navigation on the Instagram page is not hidden, while the same CSS approach works on the other seven pages?**
We would appreciate your recommendation for a reliable solution that hides the breadcrumb navigation on Instagram without affecting the page title section, its background image, or the other pages.
Thank you for your assistance.
Best regards,
Brandsluxe TeamOctober 27, 2026 at 10:03 am #731319Hello,
Could you please share the Instagram page URL along with your website’s WP-Admin login credentials so we can investigate why the breadcrumb navigation is still visible on that page and help you resolve the issue?
For your security, please do not post your login credentials directly here. Instead, use our secure sharing service: https://secret.xtemos.com/
Simply enter your login details, generate a secret link, and share that link with us in this topic. The link can only be opened once, helping keep your credentials private.
Once we have access, we will investigate the issue and provide a suitable solution.
Best Regards
October 27, 2026 at 1:11 pm #731335
sevtra7ParticipantHi,
Here the link!
https://secret.xtemos.com/#/s/0T38TTVgKtnVYQzYTtH08J/FA52BfBSE8mIwufh92pXP2The encryption key:
https://secret.xtemos.com/#/s/0T38TTVgKtnVYQzYTtH08JDecryption key:
FA52BfBSE8mIwufh92pXP2Best Regards,
Kad
October 27, 2026 at 2:02 pm #731338Hello,
The correct page ID of the page appears to be 33227. Please try adding the following CSS under WoodMart > Theme Settings > Custom CSS > Global CSS:
body.page-id-33227 nav.rank-math-breadcrumb, body.page-id-33227 .wd-breadcrumbs, body.page-id-33227 .wd-page-title .entry-title { display: none !important; }This should hide the page title and breadcrumbs on that specific page while keeping the page title section and its background intact.
Please note that the page ID you initially shared was 32278, but the classes indicate 33227. Make sure you’re using the correct ID for the Instagram page.
Let us know if the breadcrumbs are still visible after applying this CSS, and we’ll investigate further.
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register