Solved Helix Framework

HelixUltiamte background

Asked by Scott 7 months ago Last activity 7 months ago

How to share a background iamge/gradient with both the menu background and header section as seen in many of your tempates. I am surrpise we cannot do this from the HU Framework,

Joomshaper tempalte examtoples include, tuber, Mednic and Travel Kit

Please do not tell me you do not support customization. This is not customization it a design feature that needs to be avaialbe for use that that we can achieve similare results from th eHU Framework

I have an image to share the background of the manu section.

See hidden info

Accepted answer

Marked as the solution

Rashida Rahman Staff

7 months ago · edited

Hi,

Thanks for reaching out.

Did you mean the main body image you want to be appear as header background also as follows?

https://share.cleanshot.com/DZVKrTHj

https://share.cleanshot.com/gJdwrWGH

If yes, then you need to make your header transparent, then move the main body up with the value of your header height. Here is the sample code:

#sp-header{
            background: transparent !important;
}

.com-sppagebuilder #sp-main-body{

            position: relative;

            top: -100px;
}

It will look like this: https://share.cleanshot.com/tzshX0kw

Here is all about custom code placement in the Helix Ultimate framework:https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best regards

2 more replies

Mehtaz Afsana Borsha Staff

7 months ago

Thanks for contacting us. Could you please explain your issue a bit more? If possible give me a screenshot of your issue please.

-Regards.

Scott Asked this

7 months ago

Perfect. I did not think about making the menu section tranparent background thank you.

Rashida Rahman Staff

7 months ago

Hello,

Glad that I could help and you are always welcome:)

Have a nice day!