[Dorothy]

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

[Pratik]

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

[Dorothy]

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.

Thanks

[Pratik]

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

[Dorothy]

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.

[Pratik]

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

[Dorothy]

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

[Pratik]

Hi Dorothy,

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

[Dorothy]

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.

[Pratik]

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.

[Dorothy]

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.

[Pratik]

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

[Dorothy]

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

[Pratik]

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

[Author]

Posts