Apolozy for the inconvenience. This requirement is achievable using custom CSS to ensure the main navigation menu layers over the slideshow without affecting all pages globally. You can accomplish this by applying specific styles to make the header background transparent and adjusting the positioning of the slideshow. To implement this, Pleas add the necessary CSS code under Template Options → Custom Code → Custom CSS

.custom #sp-header{
background: transparent;
}
.custom #sp-page-title{
margin-top: -80px;
}

Additionally, to apply this layout only to specific pages, you can use Joomla’s Page Display settings by assigning a unique Page Class (here used "custom") in the menu item settings prnt.sc/Hqjn6d5HCrds. This method allows flexibility, ensuring that only selected pages adopt the desired design while keeping others unchanged.

Hi, Thank you for the answer. It got me going in the right direction though it was not .sp-page-title I needed, but .sp-title. Thanks!

You're very welcome! I'm glad the response pointed you in the right direction. Please marked the issue as solved.