Show below header widget area only on frontpage

Hello!

I am using the Sydney Pro Theme and I would like to see the below header widget area only on my front page, so not on other pages. How can i make that work? Right now the below header widget area is popping up on all my pages.

Thanks!

Hello there,

To hide the header widgets area on inner pages, you’ll need to add this CSS code into Appearance > Customize > Additional CSS in your site dashboard.


body:not(.home) .header-widgets {
  display: none;
}

Regards,
Kharis