Why won't my Shopify collections open in preview?

Technical Q&A
,
1

Hello,

I have 2 saved versions of Savor theme that I have been working on.

The most recent saved version doesn’t open collection when i click on them in preview. The previous saved version does but I don’t know what might cause this? The only changes I’ve made between the two versions are changes in logo size and header menu font size

Any ideas why?

Thanks,

Gary

2

Hi @NSShoreham

That is a frustrating issue. When links stop working after a minor change, it’s almost always caused by a hidden JavaScript error. The easiest way to check for this is to open your theme preview, right-click on the page, select “Inspect,” and then click the “Console” tab. If you see any red error messages, you’ve found the source of the problem.

Since you have a previously saved version that works correctly, the safest and fastest solution is to simply revert the file you changed. Go to the theme code editor (Online Store > Themes > Edit code), find the file you last edited (likely a CSS file in the “Assets” folder or header.liquid in “Sections”), and click the “Older versions” link at the top of the page. From there, you can restore a version from before the issue began.

Hope this helps!

3

It is most likely that Header/logo overlapping the content, which prevents clicks on the collection links. To resolve this, try reducing the logo size or adjusting the z-index and spacing. You can add the below CSS in base.css or theme.css:
.site-header {
z-index: 10;
position: relative;
}

.main-content {
z-index: 1;
position: relative;
}

4

@Parampreet @PieLab Hello both,

thanks for your suggestions. It was related to the changes I had made to the logo size and header font size. In the end there were 2 conflicting settings around transparancy that was pushing the header down. All sorted. Thanks for your help!