Basel Product Categories Bar

Hi Artem,

I have enabled the ‘Categories Menu in Page Heading’ in the theme settings. I see no option to make this sticky. How to make it sticky?

Cheers,
Seerat

I tried to add css; but i can’t get it to work. I only want this categories bar to stick. Help please!

This bar..

https://snag.gy/JtdOcR.jpg

I’m not able to edit the post, so want to clarify..sorry for the multiple posts.

I want the categories bar in this screenshot also to stick. I already have the sticky main header which is good and along with that, I want this bar also to be sticky. I tried to add css; but i can’t get it to work.Help please!
https://snag.gy/JtdOcR.jpg

Hello,

Now you header is sticky. There is no options to stick other elements. It will require custom CSS.

If you want to show categories, choose the layout with categories menu http://prntscr.com/l16fo3

Best Regards

I tried making some changes but they are working out.

I would appreciate it if you point me to the places where I should be making the css changes and some suggestions.

Hello,

Please add this code to the Theme Settings > Custom CSS > Desktop:

.act-scroll + .clear + .main-page-wrapper .title-shop {
	position: fixed;
	top: 115px;
	left: 0;
	right: 0;
	z-index: 350;
}

Best Regards

Thank you Elise!

It is jumping to the position so I tried to look at the existing code for header sticky. I added this code to ease the sticking; however it doesn’t seem to be right. Is this right?

.main-page-wrapper.title-shop.act-scroll {
-webkit-transition: background 0.15s ease-in-out, top 0.15s ease-in-out;
-moz-transition: background 0.15s ease-in-out, top 0.15s ease-in-out;
-o-transition: background 0.15s ease-in-out, top 0.15s ease-in-out;
transition: background 0.15s ease-in-out, top 0.15s ease-in-out;
}

Hello,

Please use this code:

.act-scroll + .clear + .main-page-wrapper .title-shop {
    animation: fade-in 0.5s ease;
}

Add this code to the Theme Settings > Custom CSS

Best Regards

Many thanks for this code Elise! I appreciate your help with this..

You are welcome, we are always happy to help you, write us when you have any difficulties or issues with our theme.

And we would be glad if you will rate our theme with 5 stars on Theme Forest in case you are satisfied with our theme and customer service http://themeforest.net/downloads

Thank you in advance

I’m very happy with the theme. Thanks for reminding me! I’ve now rated it 🙂

Great, thank you!

[Author]

Posts