Jump to content

adding bread crumbs to non shop portion of site

Recommended Posts

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?

Link to comment
  • Replies 3
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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/

 

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.