Joomla Templates Club 406,261 posts

[fr1g0s Friend fr1g0sJoin date: February 2013Posts: 50Downloads:365Uploads:17 Thanks: 2 Thanked: 1 times in 1 posts]

#202915

Hello!
Tell me how to add the Scroll bar on mobile sidebar menu?
Want that works the same as on template “uber” ..
ie, when opened, the sidebar is scrolled separately from the page ..
And, the sidebar shows the titles of the modules ..

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#555931

Do you want the super user Menu to be fixed like this attached image, please confirm. if not provide a screenshot

---

Attachments:

1. 

[fr1g0s Friend fr1g0sJoin date: February 2013Posts: 50Downloads:365Uploads:17 Thanks: 2 Thanked: 1 times in 1 posts]

#555985

No.. about sidebar on mobile..

---

Attachments:

1. 

[fr1g0s Friend fr1g0sJoin date: February 2013Posts: 50Downloads:365Uploads:17 Thanks: 2 Thanked: 1 times in 1 posts]

#556529

Any ideas?:((

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#556616

Hi @fr1g0s,

1. First, navigate to back-end >>> Extensions >>> Template Manager >>> choose your template >>> switch to tab Custom Code >>> then add this code in field Before </body> :

<script type="text/javascript">
var getScreen = jQuery(window);
jQuery(document).ready(function() {
if (getScreen.width() < 768) {
var getSidebar = jQuery('#off-canvas-nav');
getSidebar.css("display", "block");
getSidebar.find('.t3-mainnav').height(getScreen.height());
getSidebar.css("display", "none");
}
})
</script>

2. Then open file root_folder/templates/ja_magz/css/custom.css and add this code :

@media (max-width: 767px) {
.off-canvas #off-canvas-nav {
position: fixed;
display: block !important;
}
.off-canvas #off-canvas-nav .t3-mainnav {
overflow: auto;
top: 0 !important;
padding-left: 15px;
}
.off-canvas-enabled body > * {
-webkit-transform: translateX(265px);
-moz-transform: translateX(265px);
-o-transform: translateX(265px);
transform: translateX(265px);
}
}

Save your file and recheck.

[fr1g0s Friend fr1g0sJoin date: February 2013Posts: 50Downloads:365Uploads:17 Thanks: 2 Thanked: 1 times in 1 posts]

#556660

Thank you Adam!:)

But it does not quite work as they should …:((
When the menu is scrolled down to the end, it begins to scroll to the main content, and at the bottom of the menu there is free space.

And if you then close and reopen the menu, the menu will be scrolled in the state, instead of what would come back to the starting position ..

---

Attachments:

1. 

[fr1g0s Friend fr1g0sJoin date: February 2013Posts: 50Downloads:365Uploads:17 Thanks: 2 Thanked: 1 times in 1 posts]

#556698

+ 1

When I open the menu, turn on the link to any page and do finger slide to go to the previous page, then I go back to the previous page is already open menu .. I hope you understand what I mean..

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#556744

Hi @fr1g0s,

Basically, this is just a quick solution and I don’t guarantee that it will work perfectly as in Uber (because it’s not design to work that way).

In this case, I’m afraid that you might have to hire a developer to customize the template for you since we can assist you in minor changes only, such complex customization is beyond our support scope. Thanks for your understanding.

[fr1g0s Friend fr1g0sJoin date: February 2013Posts: 50Downloads:365Uploads:17 Thanks: 2 Thanked: 1 times in 1 posts]

#557780

Can I hire you for this job?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#557790

Hi,

Unfortunately, we haven’t provided customization service at this time yet. But you can post a project via Joomlancers and hire a developer to do the job for you instead.

[Author]

Posts