Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

current joomshaper.com: header / logo-menu bar..

Featured Lock Resolved Task
i like how the current joomshaper.com header is setup..
on the home page, it is transparent and then when scroll a little, it then goes to the solid bar..
then all the subsequent pages is solid fixed without having to scroll..

currently my site is transparent until scroll on every page.. i want only my home page menu bar to start off transparent.. where can i do this? or how can i do this? i must be missing something simple somewhere im thinking..

http://146.66.67.167/~landairs

3 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Add this CSS code inside the custom.css file and add this CSS class inside menu parameter page.

https://prnt.sc/ink5t4


.transparent-header #sp-header:not(.header-sticky) {
position: absolute;
width: 100%;
left: 0;
top: 30px;
z-index: 99;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
#sp-header {
background: #fff;
height: 90px;
left: 0;
position: absolute;
top: 20px;
width: 100%;
z-index: 99;
}


-Thanks

infini

More than a month ago #Permalink
can you give a little more detail here on "add this CSS class inside menu parameter page. "?

I added the css to the custom.css, but not sure what class to add to what parameter page?

I went into the menu -> menu item, and I have options like "Link Type" where I can put "Link CSS Style"
I'm completely lost where I need to go to add this css class inside the menu parameter page..

Toufiq - Staff

More than a month ago #Permalink
Hi, Send me the administrator access via pm. Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 104
Toufiq

Toufiq

Total Accepted Answers: 53
Sifat

Sifat

Total Accepted Answers: 41
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 24
Ofi Khan

Ofi Khan

Total Accepted Answers: 20

118

Templates

306447

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us