Staff replied SP Page Builder

Hero banner block + features over the above the fold

Asked by PartnerSolution 3 years ago Last activity 3 years ago

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

5 replies

Mehtaz Afsana Borsha Staff

3 years ago

Thanks for contacting us. Could you please give me your site URL? So that I can check.

-Regards.

PartnerSolution Asked this

3 years ago

Hi 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!

Mehtaz Afsana Borsha Staff

3 years ago

Do you want this portion a little bit upper?

PartnerSolution Asked this

3 years ago

Hi 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 Staff

3 years ago

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 Asked this

3 years ago

Thank 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

Mehtaz Afsana Borsha Staff

3 years ago

Could you please create a new forum post about this new issue? And close this post by accepting the answer please.

Thank you.

Rashida Rahman Staff

3 years ago · edited

Hi 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