Breadcrumbs disappear when anchor link selected

1. 

   Skip Savage (Member)
   Posted 6 months ago | Permalink

   I'm building my FAQs page and noticed that when I click an anchor link my breadcrumb trail disappears.

   Any suggestions appreciated.

2. 

   Kyle D (Member)
   Posted 6 months ago | Permalink

   Can you give us a link to your site? Sounds like some malformed html to me, but would be easier to see.

3. 

   Skip Savage (Member)
   Posted 6 months ago | Permalink

   Thanks for the idea. Unfortunately my site is local.

4. 

   Skip Savage (Member)
   Posted 6 months ago | Permalink

   If it helps, here is a sample of the html:

   <a href="#1">How do I cancel my membership?</a>
   
   <h4 id="1">How do I cancel my membership?</h4>

5. 

   Justin Tadlock (Administrator)
   Posted 6 months ago | Permalink

   You must be a logged-in exclusive member to view this reply.

6. 

   Skip Savage (Member)
   Posted 6 months ago | Permalink

   What? I thought you knew everything.

   I changed all the IDs to something valid but the breadcrumbs still vanish when I click an anchor link.

   Wondering, how does the breadcrumb trail handle the path when you link within a page, like this:

   samplesite.com/page/link-in-page

7. 

   Skip Savage (Member)
   Posted 6 months ago | Permalink

   I meant samplesite.com/page#link-in-page

8. 

   Kyle D (Member)
   Posted 6 months ago | Permalink

   So before you click on a question, the breadcrumb is there. When you click on the question it jumps you down the page to the answer and removes the breadcrumbs back at the top of the page? The page should stay the same. Are you using some javascript on the page by chance?

   The page shouldn't refresh if you're jumping to another spot on the page, just shift position, so the breadcrumbs shouldn't change at all.

9. 

   Skip Savage (Member)
   Posted 6 months ago | Permalink

   Kyle, that's right. When I jump down the page the breadcrumbs vamoose.

   I deactivated the plugins that use javascript to follow your idea. No difference.

   Then I switched the theme from my child theme back to Hybrid. Breadcrumbs ok.

   Testing my child theme, I temporarily disabled my functions.php. Breadcrumbs gone.

   Imported screen.css from Hybrid. Breadcrumbs ok.

   Still narrowing it down.

10. 

    Kyle D (Member)
    Posted 6 months ago | Permalink

    So when you scroll back up the breadcrumbs are gone? Can't think of why that would happen unless there was some JavaScript hiding or removing it.

11. 

    Justin Tadlock (Administrator)
    Posted 6 months ago | Permalink

    You must be a logged-in exclusive member to view this reply.

12. 

    Kyle D (Member)
    Posted 6 months ago | Permalink

    He's saying the breadcrumbs are on the page before he clicks on a link (which just scrolls him down to a point on the page), so I would think there has to be some sort of javascript in there that is hiding the element using one of the css properties you mentioned.

13. 

    Justin Tadlock (Administrator)
    Posted 6 months ago | Permalink

    You must be a logged-in exclusive member to view this reply.

14. 

    Skip Savage (Member)
    Posted 6 months ago | Permalink

    Interesting.

    I ran the page through an HTML validator and it passed.

    JS..deactivating all the JS I could think of did not cure the problem, but changing the style sheet made a difference.

    The breadcrumb styles are okay, which is frustrating, because now where do I look?

    I am using this as an opportunity to tidy up my stylesheet as I hunt down the issue.

    Thanks for your assistance.

15. 

    Kyle D (Member)
    Posted 6 months ago | Permalink

    I think this will be tough to diagnose without seeing the page. Maybe you can save it as HTML and post it somewhere temporarily.

16. 

    Justin Tadlock (Administrator)
    Posted 6 months ago | Permalink

    You must be a logged-in exclusive member to view this reply.

17. 

    Skip Savage (Member)
    Posted 6 months ago | Permalink

    My stylesheet runs about 1400 lines. Can I paste it here?

18. 

    Skip Savage (Member)
    Posted 6 months ago | Permalink

    Perhaps this is more genteel.

    http://skipsavage.s3.amazonaws.com/style.css

19. 

    Skip Savage (Member)
    Posted 6 months ago | Permalink

    Discovery...if I deactivate Widget Logic, the breadcrumbs do not disappear.

20. 

    Skip Savage (Member)
    Posted 6 months ago | Permalink

    In summary, no problems (even with Widget Logic activated) if I use the stock Hybrid theme.

    Breadcrumb Disappearance Syndrome only occurs when I use my child theme with Widget Logic activated.

    I tried WL's [Use 'wp_reset_query' fix] to no avail.

21. 

    Justin Tadlock (Administrator)
    Posted 6 months ago | Permalink

    You must be a logged-in exclusive member to view this reply.

22. 

    Skip Savage (Member)
    Posted 6 months ago | Permalink

    Yes! I found the offending bit.

    #utility-before-content, #utility-after-content, #utility-after-page, #utility-after-single {
    	margin: 0 0 21px 0;
    	padding: 0px 0px 0px 0px;
    		}

    When I set the padding back to factory specifications, breadcrumbs behaved nicely. Through trial and error I found all I needed was a single pixel of padding on the top.

    Thank you for all of your suggestions and especially the last one on how to narrow down CSS problems.

Reply

You must log in to post.