Joomla Templates Club 406,261 posts

[kostas22 Friend kostas22Join date: May 2012Posts: 7Downloads:211Uploads:1]

#980924

Hello, I need the functionality of a sticky menu both in desktop and mobile view in ja_sugite. This works now only when the user scrolls up and only in desktop view. I need the menu to be sticky also when scrolling down, and in mobile I need the sidebar menu to be sticky as well.
Can you advise on that? Thank you.

[kostas22 Friend kostas22Join date: May 2012Posts: 7Downloads:211Uploads:1]

#980951

I was able to work out the first part of my question in case someone else needs it, just go to your templates/ja_sugite/css/themes/your_theme/template.css and in line 6421 remove or comment out:

.scrollDown .t3-header {
top: -300px;
}

I still cannot make sidebar sticky though in mobile view.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#980982

Hi
Add below code in /css/custom.css file in the JA Sugite template folder .

.has-slideshow .t3-header {
    position: fixed!important;
}

If file is not present , kindly create the file .

[kostas22 Friend kostas22Join date: May 2012Posts: 7Downloads:211Uploads:1]

#981600

OK, that did it, but the code needs to be pasted in template.css, not custom.css file.
Thank you!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#981896

Hi
If you use template.css file , i suggest you to make an override of it in the /local folder of template or use custom.css file to override the custom style code .

[Author]

Posts