Support Forums

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

Your Time: Our Time:

menu on top of fullpage slider

Featured Lock Resolved Task
Hi guys.
Im trying to achive a menu on top of a fullpage slider. Im trying to do so by giving the menu a z-index higher so that the fullpageslider comes "underneath" the menu.
Hover, since i have a "fixed" menu that scrolls with the page, the "page jumps" when i start scrolling down, and if i scroll all the way up again. This is because the menu goes from fixed to static/relative.
so my question is how do i achive this?
right now i am using this css:

.menu-fixed-out#sp-header {
background: rgba(255,255,255, 0.5) !important;
box-shadow: none;
}

.menu-fixed-out#sp-header .logo img {
width: 100% !important;
}
#sp-header{
position:absolute;
z-index:100;
}

Im using smartslider 3 pro

Then i tried another solution:

.menu-fixed-out#sp-header {
background: rgba(255,255,255, 0.5) !important;
box-shadow: none;
}
#sp-section-2{margin-top:-100px;} /* This is the slider section */

Which also is not satisfying (when window is resized to tablet/phone the menu becomes white again)
Thanks.

14 Answers

welrachid

More than a month ago #Permalink
anyone?

Toufiq - Staff

More than a month ago #Permalink
Hi, Please share a screenshot that you want to do exactly. Thanks

welrachid

More than a month ago #Permalink
Hi, Please share a screenshot that you want to do exactly. Thanks


http://lala.rachid.dk
htaccess username/password:
t+++

welrachid

More than a month ago #Permalink
Sorry forgot the screenshot [attachment]toufiq.png[/attachment]

Toufiq - Staff

More than a month ago #Permalink
Hi,

Please upload a screenshot.

https://prnt.sc/gsl60z

-Thanks

welrachid

More than a month ago #Permalink
I have uploaded this file and then clicked insert [attachment]toufiq.png[/attachment]

welrachid

More than a month ago #Permalink
I now reduced to under 1mb for img (it was 4mb)

Attachments (1)

  • toufiq.png
    toufiq.png 813.4 KB

Toufiq - Staff

More than a month ago #Permalink
Hi,

Please share your site url. I will give your css.

-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi, Can you send me the super admin info via pm. There has the layout problem and css problem. Thanks

welrachid

More than a month ago #Permalink
I've sent in the chat

Toufiq - Staff

More than a month ago #Permalink
Hi, Please check now. Thanks

welrachid

More than a month ago #Permalink
Still not working correctly.
https://www.youtube.com/watch?v=zfe1pyts8iM&feature=youtu.be&hd=1

Toufiq - Staff

More than a month ago #Permalink
Hi,

When you have made the scroll down, the menu background will be white. If you wanna change it, let me know. Please check real-time device.

-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi, Please check the real-time device & share a video. Thanks


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

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 125
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 93
Toufiq

Toufiq

Total Accepted Answers: 22
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289690

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