adding bread crumbs to non shop portion of site

Is there a way to add navigational bread crumbs to a non e-commerce section of a website.  Most of my site will just be a catalog for customers to educate themselves on my products.  I thought it would be helpful to have breadcrumbs for each page so they can more easily navigate.  I haven't really found any options hiding to turn this on.  Is it possible to do this with code blocks or CSS?

Hi,

Possible with Code Block. But you will need to add Code Block on all pages where you want breadcrumb appears.

If you still want to do this, you can share link to some pages & let me know how breadcrumbs should be look like, we can give code easier

thanks for responding.  I may hold off on that.   I do have another issue I'm trying to figure out.  I did a mega menu and want to have color change on the text links on roll over.  The mega menu is below my visible footer, in the footer section.  I've tried CSS for the footer but it doesn't seem to be working.  The code I used is

/* footer links hover color */
footer.sections a:hover {
    color: #AE9832 !important;
}

I also tried this.

.footer-nav a:hover{

color: #ae8932! Important;

font-weight:bold}

both work for the test links in the actual footer but not the menu

here is the link to the site:

https://saxophone-frog-gkse.squarespace.com/

On 9/11/2023 at 5:36 AM, jbholsters said:

thanks for responding.  I may hold off on that.   I do have another issue I'm trying to figure out.  I did a mega menu and want to have color change on the text links on roll over.  The mega menu is below my visible footer, in the footer section.  I've tried CSS for the footer but it doesn't seem to be working.  The code I used is

/* footer links hover color */
footer.sections a:hover {
    color: #AE9832 !important;
}

 

I also tried this.

.footer-nav a:hover{

color: #ae8932! Important;

font-weight:bold}

 

both work for the test links in the actual footer but not the menu

here is the link to the site:

https://saxophone-frog-gkse.squarespace.com/

 

Use this CSS code

.wm-mega-menu-item a:hover span {
    color: #AE9832 !important;
}