Home › Forums › WoodMart support forum › Our Magazine

Our Magazine

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #729806

    sevtra7
    Participant

    Hi,
    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

    #729843

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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

    #729877

    sevtra7
    Participant

    Hi,
    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.
    #729905

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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 Title

    and 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

    #731250

    sevtra7
    Participant

    Hello 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
    – YouTube

    Our 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 Team

    #731255

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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.,

    #731311

    sevtra7
    Participant

    Hello 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
    – YouTube

    The 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 is nav.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 Team

    #731319

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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

    #731335

    sevtra7
    Participant

    Hi,
    Here the link!
    https://secret.xtemos.com/#/s/0T38TTVgKtnVYQzYTtH08J/FA52BfBSE8mIwufh92pXP2

    The encryption key:
    https://secret.xtemos.com/#/s/0T38TTVgKtnVYQzYTtH08J

    Decryption key:
    FA52BfBSE8mIwufh92pXP2

    Best Regards,

    Kad

    #731338

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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

Viewing 10 posts - 1 through 10 (of 10 total)