Sticky header on content pages?

New to West. Not new to themes in general. I love the West homepage and have it working perfectly. However, I have two challenges I’m hoping you can solve:

  1. On non-homepage pages, my header changes from black to white and scrolls away. I’d rather just have be sticky and stay the same colour. For the life of me I cannot options for this.

  2. On my homepage, I’ve had a beautiful footer widget to the bottom of my page. How do I template this so it can be easily added to all pages?

Link for viewing: https://limitlessresultsworldwide.com/reality-report/

Thank you.

Hello there,

Thank you for reaching out to us here.

1

If I understood it well, you’d add the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    .site-header.header-scrolled {
       background-color: #1c1e21;
    }

2

Visit this documentation that could answer that matter.

https://livecomposer.help/article/135-how-to-copy-a-page-section-to-another-page

Or, you’d do a couple of coding works in the main theme’s footer.php file. So that you would have same output site-wide including archive pages. You could start with the below basic HTML code and insert it before div.site-info line.

    <ul>
      <li><a target="_blank" href="http://twitter.com/howtoproject">Twitter</a></li>
      <li><a target="_blank" href="http://www.facebook.com/howtoproject">Facebook</a></li>
      <li><a target="_blank" href="https://www.linkedin.com/company/how-to-project">LinkedIn</a></li>
      <li><a target="_blank" href="http://instagram.com/h2pcanada">Instagram</a></li>
    </ul>

Use a child theme to do so.

https://developer.wordpress.org/themes/advanced-topics/child-themes/

Regards,
Kharis

Thanks for the quick reply.

  1. That did indeed change the colour. Thank you. How do I get the navigation to be sticky on inner pages?

  2. I’m not simply looking for hrefs in the footer area. I’m looking for the same stylized visual composer block as you can see on the homepage of limitlessresultsworldwide.com. When I do export/import the module, it does not appear on the bottom of the inner pages, as the homepage of West is setup very differently from the rest of the pages. This can be seen at limitlessresultsworldwide.com/reality-report

I do currently have a child theme setup to protect any functional changes.

Hello there,

Thank you for coming back.

That did indeed change the colour. Thank you

Glad to know that it worked for you.

To achieve it, add his extra CSS code:

    body:not(.home) .site-header.header-scrolled {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
    }

2

You would also enable same page template. However it would change the layout as well. The second option I suggested is a bit advanced that requires strong HTML/CSS coding.

If you see the source code of the social icons bar, you’ll get some complex HTML code.

Footer section is actually separated from main page’s content area that Live Composer can’t reach. By that reason, you’ve to replicate the code into footer.php. I’ve given a basic example you could start with and then CSS it yourself.

Regards,
Kharis