Header image only partly visible on internal pages

Hello!

Thanks for the excellent question. You’re right, in BoldGrid Resolve, the background image is only given its full height on the front page to make room for a call-to-action widget.

If you’d like to get your other pages to follow the same look and feel, you can do this with a custom JavaScript in your Customize > Advanced > Custom JS & CSS. Paste the following snippet into your Custom Theme JS box:

jQuery('body.page-template-default #masthead > div:nth-child(3)').addClass('mod-space-home');

I hope this helps!

Hello!

Yes, there is a typo in your JavaScript. Remove the two forward-slash characters at the very beginning ( // ), and make sure that the snippet is pasted in exactly as it appears here

jQuery('body.page-template-default #masthead > div:nth-child(3)').addClass('mod-space-home');

Hello! Sorry about the frustration. It looks like you’ve got the code on two lines there. When you have it right, you should only see one line number on the left-hand side there. In your screenshot, you can see that “div:nth-” starts a second line of code.