We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : 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!

123

Templates

328124

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