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 3 years, 2 months ago #37239

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

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

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

Re: Making the Menu Bar sticky 3 years, 2 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: 3 years, 2 months ago by Koos.

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

Hello vietnh

Can I please have your response.

Re: Making the Menu Bar sticky 3 years, 2 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 3 years, 2 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.41 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.

Suggested Posts

(/)
Result not found!

Black Friday Sale

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