This topic contains 13 replies, has 2 voices, and was last updated by  Pratik 8 months ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #129700

    Dorothy
    Participant

    Hi,

    I use the Events Calendar add-in on my site http://www.bsab.co.uk/Dev2017/ and have Events as one of my menu options. When I choose any of my menu items the breadcrumb trail displays the expected details, however when I choose Events from the menu the breadcrumb shows Home >> Page – The only difference i can see with this page is I’ve used a custom menu item for Events linking it to the url for my Events Calendar http://www.bsab.co.uk/Dev2017/?post_type=tribe_events (as defined in the add-in page)

    Can you advise how to fix the breadcrumb for the Events page – Also can you tell me how to narrow the area for the breadcrumb trail as it’s too wide for the text.

    Thanks

    #129732

    Pratik
    Participant

    Hi @dotneil,

    There must be something wrong with the way the Event Custom Post Type is defined. I have checked and all other post types are working fine. If you added the events via plugin, please contact the plugin dev team.

    About the ” Also can you tell me how to narrow the area for the breadcrumb trail as it’s too wide for the text.”, I cannot understand what you mean. Can you explain a bit more, maybe via screenshot?

    Regards,
    Pratik

    #129757

    Dorothy
    Participant

    I understand what you’re saying about the contacting the plugin team,, so i’ll contact them.

    As far as the breadcrumb area question is concerned – You’ll see in the example attached that the breadcrumb area shows ‘Home >> Page’ and this is shown in a grey area where the text is about half the height of the breadcrumb area’s height so there is a lot of ‘white-space’ below the breadcrumb trail text – I’d like to make the height of the breadcrumb area a better fit (i.e. reduce the height) for the text it displays. I hope you can help.
    Beadcrumb trail area example

    Thanks

    #129824

    Pratik
    Participant

    Hi Dorothy,

    For breadcrumb, please add following code in “Appearance=> Customize=> Additional CSS” box:

    
    #breadcrumb-list .breadcrumb-current, 
    #breadcrumb-list a, 
    #breadcrumb-list a span {
        padding: 0px 10px;
    }
    

    Let me know if this is what you meant.

    Regards,
    Pratik

    #129871

    Dorothy
    Participant

    I can see what you did, change the padding around the highlighted current page in the breadcrumb trail. However it was the height of the overall breadcrumb trail I wanted to change to the dark grey area’s height is reduced.

    #129889

    Pratik
    Participant

    I cannot understand what you mean by height. Can you show me a screenshot?

    #129975

    Dorothy
    Participant

    I’ve highlighted in black, the ‘height’ of the grey breadcrumb area that I’m referring to in the attached screenshot :
    Breadcrumb issue screenshot

    #130000

    Pratik
    Participant

    Hi Dorothy,

    The image no longer exists. Can you use google drive?

    #130140

    Dorothy
    Participant

    Sorry about that: Google drive doc

    Hope you can see this image. It’s the area between the 2 black arrows I want to reduce, preferably moving the bottom of this are up to where I’ve marked the green line. This will mean the breadcrumb trail area will just show at the size/height needed to display the breadcrumb.

    #130195

    Pratik
    Participant

    Hi Dorothy,

    That gap does not appear to me. Checkout the scree that I see: http://nimb.ws/vbHDBf

    I tried it on all resolutions and that gap still doesn’t appear. Please let me know your browser, screen-resolution.

    #130237

    Dorothy
    Participant

    Strange as I’ve viewed on a number of devices/screen sizes and had same problem.
    My development device is a Mac 1366 x 768.

    #130348

    Pratik
    Participant

    Hi Dorithy,

    I have found the isue in Mac on Safari. Please add following code in Appearance=> Customize=> Additional CSS box:

    
    #breadcrumb-list a,
    #breadcrumb-list a span {
        display: initial
    }
    
    #breadcrumb-list span {
        padding: 5px 10px;
    }
    

    Let me know if this works or not.

    Regards,
    Pratik

    #130409

    Dorothy
    Participant

    That’s fantastic Pratik, your latest suggestion has fixed the issue for me.
    Thank you so much for all your help, and patience.
    Dot

    #130425

    Pratik
    Participant

    Hi Dot,

    Thanks for the feedback. If you liked my support, please leave a review at https://wordpress.org/support/theme/catch-adaptive/reviews/#new-post.

    Regards,
    Pratik

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

The topic ‘Breadcrumb’ is closed to new replies.