Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

Making the Menu Bar sticky
(1 viewing) (1) Guest
  • Page:
  • 1
  • 2

TOPIC: Making the Menu Bar sticky

Making the Menu Bar sticky 4 years, 4 months ago #37239

How do I also make the header AND the menu bar sticky?
Last Edit: 4 years, 4 months ago by Koos.

Re: Making the Menu Bar sticky 4 years, 4 months ago #37241

Dear Koos,
setting template tab basic enable sticky header.
Thanks

Re: Making the Menu Bar sticky 4 years, 4 months ago #37252

vietnh wrote:
Dear Koos,
setting template tab basic enable sticky header.
Thanks


Hello vietnh
Thank you for you answer but it is not the solution - only the Header is made sticky.
In addition to the header, I also want the Menu to be made sticky - see image.
Last Edit: 4 years, 4 months ago by Koos.

Re: Making the Menu Bar sticky 4 years, 4 months ago #37276

Hello vietnh

Can I please have your response.

Re: Making the Menu Bar sticky 4 years, 4 months ago #37280

Dear Koos,
edit file main.js row 100
replace var fixedSection = $('#sp-header');
to var fixedSection = $('#sp-main-menu');
edit templates - Basic - Sticky Header choose yes
compile scss to css edit file theme.less
#sp-main-menu{
&.menu-fixed{
position: fixed;
z-index: 999;
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
left: 0;
top: 0;
width: 100%;
}
}

Re: Making the Menu Bar sticky 4 years, 4 months ago #37316

Thank you vietnh!
I will try it out.
The following user(s) said Thank You: RaidKillVip
  • Page:
  • 1
  • 2
Time to create page: 0.24 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes