Body Inner Wrapper Transparant / Sticky Header Aligned Middle - Question | JoomShaper
Back to the questions

Body Inner Wrapper Transparant / Sticky Header Aligned Middle

R

Rvdzande

Helix Framework 2 months ago

Running into some issues, mainly because I cannot find which class to target.

I made the SP Header 700 pixels wide with a rounded corner on the left and right bottom and alligned it in the middle. Works great, but there is a background (from body inner wrapper). I can only make the body inner wrapper a different colour, not transparant.

Second the sticky header is the same as the main header but it gets alligned left.

What I would like to archieve:

  • Header with transparant background so you see the background image
  • Sticky header alligned center

Rest seams to work. What am I missing.

0
2 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 months ago #147377

Hi there!

Thanks for reaching out to us.

Where did you set the background image for body innerwrapper, please?

However, you may use the following code in your custom CSS for the header:

#sp-header {
    background: transparent !important;
}
#sp-header.header-sticky {
    right: 0;
}

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

Best Regards

0
R
Rvdzande
Accepted Answer
2 months ago #147378

Thanks, this works partly. Odd that aligning central is 'right.'

Just the menu still has background once opening the page. You can see the area which is supposed to be empty and I cannot get it.

Just to clarify I've made the background which is supposed to be gone black:

.body-innerwrapper { overflow-x: hidden; background: #000; }

I want this to be hidden (tried with RGBA (0, 0, 0, 0)

0