Hi

Thanks for contacting us. Did you try this method?

https://prnt.sc/zzrHwBg1eo0U

You can try this one if it helps. Please let me know if it works for you or not.

-Regards.

Hi yes, that only seems to work if you use a predefined header (there are only two predefined headers with this template and neither suit our needs)

I have posted some logins below so you can see how it is set up

Hi

Use this CSS in your custom.css file

@media (min-width: 999px) {
#sp-top-bar {
  position: fixed;
  display: block;
  width: 100%;
  z-index: 999; }

#sp-main-body {
  margin-top: 80px; 
}
  }

Thanks for this it works fine on the home page, just what we wanted but in the inner pages it does some strange things:

Home page: https://essential-reading.com/

Inner pages: https://essential-reading.com/tech/networks/wireless-networks

See advert at the top

Hi

Use this CSS in your custom.css file

.sp-page-builder .page-content #section-id-e86ce4a3-ac57-4fba-afa1-6cead1039c14 {
    padding-top: 100px !important;
}

Hi Alec.

Duplication of ID on one page is not acceptable, even if it is in a hidden section. Therefore, you should completely remove the section-2 containing the logo. And do everything through CSS.

Hi yes, that only seems to work if you use a predefined header

This is wrong. If you create custom Header following Helix documentation, then all header options like height, sticky and other will work.

Study not only Newsberg documentation, but also Helix documentation.

I would recommend that you replace the Top Bar to custom Header and then return to the issue with a margin on other pages.

This is not correct, since it is not an universal solution and you will have to write a code for each new page.