Hi you all.

lately I've been asking for a support to assist me on using transparent header, topbar and have image slider like from united slider behind the header and topbar, what I got from you was to this add this "position-absolute w-100" to hero section as I did, this will work but onfortunely it will mess upp the rest of the page.

Like I'm talking about all the content of the page will go behind the image or in front of the image, and the contect will go all the way upp on the website.

Astroid is Here
Why Choose Astroid
Advanced drag & drop layout builder
Visual mega menu builder etc
you get the picture right, ok lest go on, no matter what I do to try to fix this it wont get fixed, now I am not a coder, do my knowledge is limited.

Can somone tell my why
Astroid is Here
Why Choose Astroid
Advanced drag & drop layout builder
Visual mega menu builder,

All of the above won't stick to the rich place. Why!!!

Yes I have talked to the support from Uniter Slider and they told me it's an issue with the template.

Best regards
Bragi Austfjörð

Please take a look at my demo website demo2.vikingstattoo.is and it dose not matter if i disable the components the page will still be messed up

I have found out why position-absolute w-100 was messing upp the page, position-absolute w-100 should not got to hero section it should go to header section.

The only thing I need assistant is how to disaply topbar section on my page, how can I use z-index, I have tried to use z-index but it's not working.

Hello,

You have to create two templates. One, for Transparent Header and Second is for Normal(Non-Transparent).
For Z-Index: Add your custom class on topbar section through the Layout tab and write the style on it.

Thanks,
Chandan

This post it 1 yr 8 months old and I know there have been a lot of improvements. Is having 2 templates still the only way to accomplish this ?

Hello,

@Webiedesign please share some explain so I can assist you better.

Thanks,
Chandan

I have made a duplicate template as this post suggests I do, I was just wondering if it is still nec.

You still have to create two different templates to accomplish this.

And you still can and could a year ago as well, accomplish the above by using custom CSS on page classes (without having to duplicate the template).

I hope this answers your question, please let us know if there is anything else we can assist you with.

Thank You,
Chetan