Navigation Bar / Breadcrumbs settings. Appearing different on some pages

This topic has 20 replies, 3 voices, and was last updated 3 days, 9 hours ago ago by Terpsauce

  • Avatar: Mr.Auxins
    Terpsauce
    Participant
    March 14, 2025 at 00:50

    Hello, ive attatched 2 images.

    (Shop Page – How it should look) shows the navigation bar after it has been modified to suit the theme.

    However these changes do not appear on all pages.

    (Blog_Other Pages – How it looks) shows a different version of this. It’s light grey with black text. It should appear as dark with light text as seen in (Shop Page – How it should look)

    Files is visible for topic creator and
    support staff only.
    19 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    March 16, 2025 at 16:40

    Dear @Terpsauce,

    We hope you are doing well.

    Apologies for the delayed response, as it was the weekend.

    The breadcrumb on the blog page is the default one. You can customize its styles by navigating to XStore > Theme Options > Breadcrumbs via the following link: (https://tinyurl.com/22wk8gzs).

    Please let us know if you need any further assistance.

    Best regards,
    8Theme Team

    Avatar: Mr.Auxins
    Terpsauce
    Participant
    March 24, 2025 at 08:53

    Amazing, thanks for the help.

    the settings here are different to the one that I previously had modified.

    The path you sent me, Xstore >Theme options > breadcrumbs does not appear to have the ability to set text colour on ‘hover’

    In the screenshot ;edited on single product editor I am hovering over the text link ‘chocolates’ you can see that it lightens the text on hover.

    In the screenshot ;edited on xstore breadcrumbs, you can see I am hovering over the link text ‘home’ the text is darkened on hover, with no option to change.

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    March 24, 2025 at 17:07

    Hi @Terpsauce,

    We’ve changed the background color of breadcrumb and also added some custom CSS codes.

    Could you please check again?

    – Other pages: https://tinyurl.com/2canvppy
    – Shop page: https://tinyurl.com/2bv3gsdp

    Best Regards,
    8Theme’s Team

    Avatar: Mr.Auxins
    Terpsauce
    Participant
    March 25, 2025 at 08:44

    Hello, your changes are doing the opposite of what I asked for. Now the breadcrumbs links are completely different on the pages you have modified.

    Please undo said changes, refer to my screenshots and messages and try again thanks.

    Avatar: Mr.Auxins
    Terpsauce
    Participant
    March 25, 2025 at 08:48

    My changes vs your changes.

    My changes are how it should look. (hovering over word chocolates lightens it)

    Your changes, are now it looks now. (hovering over word delivery info darkens it)

    There’s no purpose in me having different colours and layouts across the site, all pages should be the same.

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    March 25, 2025 at 09:21

    Dear @Terpsauce,

    Before proceeding with the update of the custom CSS codes, could you kindly confirm whether the breadcrumb on other pages should be exactly the same as the breadcrumb on the shop page?

    Here is a reference for your review: (https://prnt.sc/6kWu60mkPLz8).

    We appreciate your confirmation.

    Best regards,
    8Theme Team

    Avatar: Mr.Auxins
    Terpsauce
    Participant
    March 25, 2025 at 09:51

    The reference you provided doesn’t illustrate very much.

    See video attached, alll pages should repeat this behaviour.

    https://drive.google.com/file/d/16iymrTxipnHFg7gmQPFtit1aOyEOU7nD/view?usp=sharing

    Avatar: Justin
    Luca Rossi
    Support staff
    March 25, 2025 at 09:56

    Dear @Terpsauce,

    We hope you are doing well.

    It appears that you have moved to the LIVE site. Could you kindly create an admin account for us as well?

    We would greatly appreciate your assistance.

    Thank you in advance!

    Best regards,
    8Theme Team

    Please contact administrator
    for this information.
    Avatar: Mr.Auxins
    Terpsauce
    Participant
    March 25, 2025 at 10:07

    Hello, admin credentials have already been provided to your team, if I am to provide you with credentials again that will incur a password reset, meaning your colleagues will no longer have access, If you could get access from your team you would be great, otherwise ill reset the password for you , but then your colleagues are going to ask why they can’t access it anymore.

    Update: Copied credentials from other topic

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    March 25, 2025 at 10:29

    Dear @Terpsauce,

    We sincerely apologize for any confusion.

    We have applied the custom CSS codes to your staging site and have now implemented them on your live site as well.

    Could you kindly review the breadcrumb once again?

    – Other pages: (https://prnt.sc/c0P1n8K5u5DP)
    – Shop page: (https://prnt.sc/lWyHwor0h6Jl)

    Please let us know if anything else requires our attention.

    Thank you for your time and cooperation.

    Best regards,
    8Theme Team

    Avatar: Mr.Auxins
    Terpsauce
    Participant
    March 25, 2025 at 10:48

    there is no staging website for this……

    If you are confusing mistera.sg-host.com as a “staging site” thats not a staging site…. This url was being used to build the website while the other was live.

    mistera.sg-host.com is now irrelevant / redundant. because the website is now live at theundergroundmarketplace.com

    The screenshot you have sent me doesnt illustrate anything new….. and upon testing its not been done

    Videos being attached now.

    Also, the most recent changes have effected the blog page itself (not breadcrumbs) and has broken two features, which ill mention when videos upload

    Avatar: Mr.Auxins
    Terpsauce
    Participant
    March 25, 2025 at 11:06

    Video 1: How it should look.

    https://drive.google.com/file/d/1zkQygn19qRROXR6DCOYjg7YbNQslsVHF/view?usp=sharing

    Video 2: How you appear to think it should look.
    https://drive.google.com/file/d/1CPZlj-6WnoaxVCa_sdzgXQAi2PSqdXXp/view?usp=sharing

    Hover, active and inactive don’t behave the same.

    Video 3: Plesse bear in mind I check a lot of things over whenever any small change is made…. Since the last change it appears to have broken 2 features on my blog page.

    1: The zoom on hover doesn’t work
    2: The buttons to read more do no show up.
    3: The behaviour which you see on blog section on home page at end of video is how the blogs page should work. Its only after recent changes in code that this has had a negative effect on how the blog post behave on blog page.

    https://drive.google.com/file/d/1PY_TrCaUKCUle3hOi9-NI4_dizDfK1Pp/view?usp=sharing

    Avatar: Justin
    Luca Rossi
    Support staff
    March 25, 2025 at 13:18

    Dear @Terpsauce,

    In your initial response, you mentioned the breadcrumb on the shop page. Based on that, we considered the differences between the shop page and other pages and implemented custom CSS accordingly.

    In your latest video, you referred to the breadcrumb on the single product page. We have now updated the breadcrumb styles based on your product pages. Could you please review the changes and let us know if everything appears as expected?

    Regarding the blog page issues, our custom CSS should not affect other elements. Below are the custom CSS codes we applied, which are located under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    div#breadcrumb a {
        color: #b5b5b5;
    }
    
    div#breadcrumb a:hover {
        color: #fff;
        opacity: 1;
    }
    
    div#breadcrumb span.delimeter {
        color: #fff;
    }
    

    We kindly suggest that you double-check the blog settings under XStore > Theme Options > Blog to ensure everything is configured correctly.

    Please let us know if you need any further assistance.

    Best regards,
    8Theme Team

    Avatar: Mr.Auxins
    Terpsauce
    Participant
    March 25, 2025 at 13:42

    1: In your initial response, you mentioned the breadcrumb on the shop page. Based on that, we considered the differences between the shop page and other pages and implemented custom CSS accordingly.

    The product page and shop were not any different in the first place. In my initial request, I used the shop page (2 links) as the demonstration, and subsequently the product pages (3 links) were already behaving the same as the shop page, and were completely fine because product page is an extension of shop page and thereof implementing the same behaviour which I had set.

    2: In your latest video, you referred to the breadcrumb on the single product page.

    In the last message, i sent the product page (3 links) because you sent me a blog post page (3 links), if you had sent me the blog page (2 links) I would’ve have sent you the shop page (2 links) .

    My last message was in response to your message, that is why I showed product page.

    Regardless, the images were sent as a reference to the colours/look , it was the actual settings that I was requesting to be changes. Evidently, the settings and colour codes you need were already available in the breadcrumbs settings that I sent in my initial request, ie: colour code, hover settings and active settings, all I asked for was for those settings to be implemented across the whole site and not just uniquely to 1 or 2 pages. The screenshots were references to show you that the settings were not right irregardless of
    ”Home>Shop>Category” or just ”Home>Shop” , these settings follow the same protocols. These setting should be on every page, there is absolutely no purpose in having different coloured links on multiple different pages.

    Avatar: Mr.Auxins
    Terpsauce
    Participant
    March 25, 2025 at 13:59

    Two pictures.

    One shows product page.

    One shows blog post.

    In each screenshot I am hovering over the final destination in the path. >Delivery info, and >Butters & Spreads.

    >Butters and spreads, the category from which the product originates, illuminates on hover.

    However,

    >Delivery Info, the blog category from which the post originates, does NOT illuminates on hover.

    Hopefully we can get there eventually, perhaps it would be a good idea to provide an update which enable users to actually just set it one time to make a global change across the board, and then allow customisation of the colours on a page to page basis if they choose to, because its not a very good system currently and you can see yourself how much time has been consumed trying to get it to to mimic what was done by myself in about 5 minutes or less, tweaking a few settings. Those 5 mins should be all it takes for anyone to make that customisation to their links in this area. But its taken a few days even for yourself to get it to mimic what’s been set is basis settings…

    Files is visible for topic creator and
    support staff only.
    Avatar: Mr.Auxins
    Terpsauce
    Participant
    March 27, 2025 at 04:32

    Another thing just noticed, the changes you are making do not appear to be effecting the breadcrumbs / nav links with the pathway Home > Vendor > (vendor store) , your changes have not effected this part of the site.

    Avatar: Mr.Auxins
    Terpsauce
    Participant
    April 16, 2025 at 10:51

    Please advise.

    There is also a new issue which has appeared, where the colour of the breadcrumbs area is not full width.

    Screenshot attached.

    Files is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 18, 2025 at 07:38

    Dear @Terpsauce,

    We hope this message finds you well.

    It appears that a background has been applied both to the Breadcrumbs element (as shown in the screenshot: https://prnt.sc/UZz_A8v_tWyv) and to the section behind such widget. If you would prefer to display only the lighter dark background of the section, you can simply disable the background of the Breadcrumbs widget in its settings.

    To do this, please open the editor, navigate to the Breadcrumbs widget, and either reset its background or set it to a transparent color.

    Should you need any further assistance, feel free to reach out.

    Best regards,
    Jack Richardson
    The 8Theme Team

    Avatar: Mr.Auxins
    Terpsauce
    Participant
    April 18, 2025 at 09:03

    No sorry your response was quite the opposite of what I mentioned.

    You can see two images.

    Image 1, shows the contact page, there is no gap, the breacrumb is full width, and the colour follows accordingly.

    Image 2 shows shop page, the breadcrumb is not quite full width, there is a gap at there end of each side.

    Which is the title of the topic “Navigation Bar / Breadcrumbs settings. Appearing different on some pages

    Files is visible for topic creator and
    support staff only.
  • Viewing 20 results - 1 through 20 (of 20 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.