Sticky Menu for Blockshop Theme

Highlighted
New Member
1 0 0

Hello, I'm using the Blockshop theme to develop my new website. I was wondering if anyone had some tips on how to make the menu sticky?

0 Likes
Highlighted
Tourist
5 0 2

I ECHO THIS REQUEST

 

BUMP PLEASE! 

0 Likes
Highlighted
Tourist
10 0 2

Could you solve the problem?

0 Likes
Highlighted
Astronaut
996 89 119

@at-ease wrote:

Could you solve the problem?


can you share your website url? css is needed to make menu sticky

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
New Member
17 0 0
Was a solution found to this problem? We have been trying to code a sticky menu too! This is the link to or website under development: https://1g96auy1q5zpilit-25528598590.shopifypreview.com
0 Likes
Highlighted
Tourist
10 0 2
Doesn't look like a sticky menu
0 Likes
Highlighted
Shopify Partner
24 1 0

When you scroll down that time you need to add a class on the header tag. 

 

var windows = $(window);

var sticky = $('.header-area');
windows.on('scroll', function() {
var scroll = windows.scrollTop();
if (scroll < 100) {
sticky.removeClass('is-sticky');
}else{
sticky.addClass('is-sticky');
}
});

and add below css
.header-area{width: 100%;position: fixed;}
0 Likes
Highlighted
Highlighted
Tourist
10 0 2

I'm sorry, I'm not good at customizing my online shop.
Where do I have to add this information exactly?

0 Likes
Highlighted
New Member
17 0 0

It isn't! We weren't able to do it. Where exactly should we add the css code and the other class?

0 Likes