Thank you, that seems to have done it!

Hi Calin, the screenshot is correct – but on that full header image, you should also be able to see the post title, category and meta information (as well as the down arrow).

This shows you what I mean: https://imgur.com/a/hHxMzx2

The text either doesn’t appear (usually desktop) or is very faint (usually mobile).

Could image dimensions be an issue?

If I disable the Category Top Posts style on the individual category, the most recent posts show for ‘FA Cup’.

But nothing happens when I try to make any changes to Category Template. And the dropdown menu still doesn’t appear.

It’s as if something could be preventing the top bar from showing?

The only reason I thought it might be was because I blocked a .js script with Autoptimize. But deactivating Autoptimize had no effect.

On this custom category page, however, I hardcoded the top post style grid and it does work (with dropdown). I can do this as a workaround but I’m confused why theme panel is having no effect normally.

• This reply was modified 5 years by boroguide. Reason: typo

Thanks for your reply Calin.

The CSS has fixed the alignment of the breadcrumbs, thank you.

For the dropdown menu, I have this setting enabled via the Theme Panel – plus the Top Posts style. But this isn’t having an effect: https://imgur.com/a/kQuXeNv

I changed the Top Posts style from Grid 1 to Grid 3, which means that only three posts are now not showing – rather than five. The theme panel settings are having an effect in that sense. All three are the most recent:

• https://www.boroguide.co.uk/articles/2020/03/three-fa-cup-memories/
• https://www.boroguide.co.uk/articles/2020/11/stevenage-v-concord-rangers-preview/
• https://www.boroguide.co.uk/articles/2020/11/stevenage-v-hull-city-preview/

So, for some reason, neither the dropdown menu or top posts grid aren’t showing. Looking at the category template source code, I can’t work out why that might be.

I will investigate the pagination issue separately, thank you for the suggestion.

That’s got it, thanks!

Hi Calin,

The hover colour when the cursor is on the link text (and turns to pointer hand) is:
#cd5c5c

But the colour when the cursor (arrow) is elsewhere on the div, like in your example, is:
#b00000

That is what seems to be present in your screenshot and what I see (in Incognito mode). Let me know if you need any further help – I appreciate my explanation may not be good.

Thanks.

Thank you Calin. Early signs suggest I can indeed optimise the JS and exclude the necessary scripts with the path you suggested, so it looks to be working.

Thank you and merry Christmas.

Thank you for replying Calin.

Just for clarity, I see that it is possible to exclude individual scripts from Autoptimize when the ‘Optimize JavaScript Code’ is ticked. Is it possible, therefore, to place the JS that controls these elements into .js files and then exclude them so that Autoptimize can optimise the remainder of the script, while still allowing these images to show.

Or does this code work in conjunction with others i.e. if the tdHomepageFullItem js code was excluded but others weren’t, this would still cause issues?