Hi,
I've a client who wants to have the main navigation menu layered over the top of a slideshow positioned in the title position on her site. I have not started building this yet so was hoping for some words of wisdom before I started. Any advice? Similar to this: https://snipboard.io/KEcCJQ.jpg
Staff replied
Helix Framework
How to layer menu over top of a slideshow in title position
3 replies
Atick Eashrak Shuvo Staff
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 https://prnt.sc/Hqjn6d5HCrds. This method allows flexibility, ensuring that only selected pages adopt the desired design while keeping others unchanged.
Matt Hunt Asked this
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!
Atick Eashrak Shuvo Staff
You're very welcome! I'm glad the response pointed you in the right direction. Please marked the issue as solved.
Log in to reply.