Navigation & logo on top of slideshow - Forum | JoomShaper
Solved Helix Framework

Navigation & logo on top of slideshow

Asked by Mocer 1 month ago Last activity 1 month ago

Hi there,

What's the best way to develop (using Helix Ultimate) the header navigation centered on top of a slideshow on the homepage and on top of header images on the other pages. The logo should also be centered below the navigation. Want to convert a Gantry Framework website to Helix Ultimate framework.

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff

Hi,

Please let us know if this resolved your issue. If you need no further assistance, kindly accept the solution to mark this post as resolved.

Mocer Asked this

Hi Mehtaz,

Thanks!

Mehtaz Afsana Borsha Staff

Glad to know that its solved and thanks for accepting the answer.

1 more reply

Mehtaz Afsana Borsha Staff

Hi,

Thanks for contacting us. A good approach would be to use a Custom Header layout in Helix Ultimate rather than the predefined header. You can create separate rows for the menu and logo, center both, and then use Custom CSS to make the header transparent/positioned over the homepage slideshow or inner-page header images. Helix Ultimate supports custom header layouts, but the transparent overlay effect currently requires custom CSS.

For the menu centering, Helix also documents using justify-content: center on the menu wrapper.

So yes, this design should be possible with Helix Ultimate. You may need some custom CSS to reproduce the Gantry site's header styling exactly.

-Regards.

Log in to reply.