Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #30521
    aev_productions
    Guest

    Header image only displays on home page, on other pages it is only partly visible

    about us page screenshot

    #30522
    Jesse Owens
    Guest

    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!

    #30523
    aev_productions
    Guest

    Hello Jesse and thank you for the response. I tried adding this custom JavaScript but it did not resolve the issue. Maybe I did something wrong. Here is where I pasted it(“Custom theme JS” box bottom left):
    Custom Theme JS screenshot with error

    #30524
    Jesse Owens
    Guest

    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');

    #30525
    aev_productions
    Guest

    I tried taking out the (//) at the beginning and I copy pasted the code snippet but it still didn’t work? Here is what it looks like:
    Custom Theme JS with error example 2

    #30526
    Jesse Owens
    Guest

    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.

    #30527
    aev_productions
    Guest

    Thank you so much! This worked!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Header image only partly visible on internal pages’ is closed to new replies.