Hero Banner Block + Features Over The Above The Fold
PartnerSolution
Hi all,
i would like to know if there's a way to build (with the Sp Page Builder) a Hero Block with 3 feature blocks going over the above the fold of the page. https://ibb.co/WVNqP9y
Is it possible? could anyone help me?
Thank you! Dave
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me your site URL? So that I can check.
-Regards.
PartnerSolution
Accepted AnswerHi Mehtaz, thank you for your answer.
I'm trying to build the block i've sent this morning (https://ibb.co/WVNqP9y) I'ìm using two rows, one for the hero banner and the other to plase the three feature-blocks. Then i'm workin on the margin and padding of this row to let it goes over the hero banner...but i don't know if this is the right way to do what I want.
I've a made a suoperadmin accoutn for you in the Hidden Content,
I really appreciate your help, thank you!
PartnerSolution
Accepted AnswerHi Rashida, thank you for writing!
Well, yesterday i've sent a question to your Team asking for a pre-made block like the one attached in this email I've checked the pre-made blocks in SP PAge BUilder, but I didn't find what I was looking for.
Your team answered me "to read the documentation" but, as you can imagine, there's a lot to read and I didnt' find the specific section in the documentation. So I started to build the block I want by myself, using two rows one for the Hero banner and the other for the feature block to go over the above the fold of the page.
I've posted a ticket with your SuperAdmin accout and I would really appreciate if you can check what I've done to tell me if it is ok or if I should follow another method to build this "above the fold" blocks.
And one more question: I should place a cta button in the navigation bar, but i can't find a pre-made navigation with a generic button in Helix. How can i do that? Using the template position and a custom module? Where i can find this position?
If you can, i would really appreciate your help Thank You. Dave
Mehtaz Afsana Borsha
Accepted AnswerHi
I am Mehtaz and I think you have written others post comment here. Do you want this portion a little bit upper? Then use this custom CSS
.sppb-addon-wrapper {
position: relative;
bottom: 80px;
}
Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.
PartnerSolution
Accepted AnswerThank You Mehtaz,
could you please tell me about the cta in the navigation bar too, please? How can i place a button there? I see it seems ther's not a pre-made headr block with logo+menu+cta button...
Thank you for your support dave
Rashida Rahman
Accepted AnswerHi Dave,
Sorry for your issue.
You can make use of negative margin of the whole section you are talking about: https://prnt.sc/0NTNQLMI1WO4, or you can use custom position for indivisual addon in the advanced tab to make your feature addons up: https://prnt.sc/kCStx-J0RQoc, followed by row max height zero: https://prnt.sc/4B_oEMaUu4gR.
About the button beside the menu, you can publish a module with button in the menu position. Or you can create a custom header with 3 columns where you can easily place the button module in the menu right column either.
https://www.joomshaper.com/documentation/helix-framework/custom-header
Best Regards