Extend Height Of Hero Section
Mike Coomber
I would like to create the front page of a new website where the hero section extends to the top of the page with logo and menu overlaying a background image slider. The effect I'm after is similar to one of your featured "built with SP Pagebuilder" examples - https://icif.com/en/ I am using Helix Ultimate and SP Pagebuilder Pro, but I am having difficulty working out how to get the underlying image to extend to the top of the page so that it is underneath the logo/menu overlaying it. How can I achieve this effect?
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me a screenshot of your issue?
-Regards.
Mike Coomber
Accepted AnswerI have solved the issue of extending the image to the top of the page, but I now have a further question. The header section in Helix Ultimate is in a fixed position with a transparent background when the page opens. I want to use the sticky header option and I need to style the sticky header separately so that it sits at the top of the page and has a full-width solid background. Can you point me in the right direction to achieve this please. I have attched two screenshots to show what happens - screen1 is when the page opens and screen2 when scrolled down to enable the sticky header. https://postimg.cc/JsY8LQB3 https://postimg.cc/NLGK7Qw5
Mehtaz Afsana Borsha
Accepted AnswerMike Coomber
Accepted AnswerNo that is not my site, it's showing an example of the kind of thing I am looking to achieve. At present the site is under development on local machine. What I need to be able to do is target the sticky header and style it differently to the main header. I can't see anything in the Helix Ultimate documentation that shows how this can be done.