Public Forums 71,145 posts

[sukinoz Friend sukinozJoin date: December 2013Posts: 44Downloads:107Uploads:5 Thanks: 13 Thanked: 2 times in 2 posts]

#758519

hELLO,

I followed this video tutorial https://www.joomlart.com/video-tutorials/t3-framework/off-canvas-sidebar

But now, in small screens, when megamenu collapesed, the off-canvas button is over the megamenu button.

How can be both buttons one at the side of the other?

thanks

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

#758739

Hi
off-canvas and mega menu are two different menu items . You need to enable collapsed navigation for small screens from template options . Here is supported menu documentation .

[sukinoz Friend sukinozJoin date: December 2013Posts: 44Downloads:107Uploads:5 Thanks: 13 Thanked: 2 times in 2 posts]

#758855

Thanks but, i followed exactly that documentation. And there is a bug: offcanvas and megamenu when both are collapsed in the rigth, they are one over another, instead of one at the side of the other
<em>@pankajsharma 504453 wrote:</em><blockquote>Hi
off-canvas and mega menu are two different menu items . You need to enable collapsed navigation for small screens from template options . Here is supported menu documentation .</blockquote>

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

#758876

Hi
i checked your site and demo site , there is no issue in it , On your site u have only off canvas menu enable for small screen so there is only off canvas menu in small views , you need to enable collapsed menu for small screen to show mega menu in small screen , you can check demo site .

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

#758877

Hi
i checked your site and demo site , there is no issue in it , On your site u have only off canvas menu enable for small screen so there is only off canvas menu in small views , you need to enable collapsed menu for small screen to show mega menu in small screen , you can check demo site .

[sukinoz Friend sukinozJoin date: December 2013Posts: 44Downloads:107Uploads:5 Thanks: 13 Thanked: 2 times in 2 posts]

#758886

sorry, but it is not true what you are telling.

<blockquote>1.i checked your site and demo site , there is no issue in it ,</blockquote>

Not true, look:

<blockquote> On your site u have only off canvas menu enable for small screen</blockquote>

Not true, look:

i repeat, i have moved off-canvas button to right (as in the joomlart tutorial), and now it is overlaped with the megamenu when it is collapsed: look the code!:

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

#758904

Hi
Mega menu and off canvas sidebar menu are different menus . Kindly revert your custom changes and check , You have need to apply custom changes for this , Both are separate menu , I tried to access your site admin panel but its Forbidden on my end .
There is no need to do customization in template as both menu are already in template and in left there is off-canvas sidebar and in right mega menu will collapse separately , You moved offcanvas menu in right so it overlap.

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

#758931

Hi
Mega menu and off canvas sidebar menu are different menus . Kindly revert your custom changes and check , You have need to apply custom changes for this , Both are separate menu , I tried to access your site admin panel but its Forbidden on my end .
There is no need to do customization in template as both menu are already in template and in left there is off-canvas sidebar and in right mega menu will collapse separately , You moved offcanvas menu in right so it overlap.

[sukinoz Friend sukinozJoin date: December 2013Posts: 44Downloads:107Uploads:5 Thanks: 13 Thanked: 2 times in 2 posts]

#759117

Great, now at least you recognize the problem. Remember you told me that was not true:

<blockquote>i checked your site and demo site , there is no issue in it</blockquote>

But,

You moved offcanvas menu in right so it overlap.

pankajsharma, are you joking me? I already know this. This is exactly what i am telling you since the beging of the discussion

But, i moved offcavas menu BECAUSE JOOMLART HAS TWO officials TUTORIALS to move offcanvas to the right. I have not invented it!

1. Special for Purity iii
https://www.joomlart.com/documentation/purity-iii/menu-system#off-canvas
<blockquote>How to move Off-canvas sidebar to right side
By default, Off-canvas sidebar is located in left side but it is possible to move it to the right side.
(…)
</blockquote>

2. T3 VIDEO TUTORIAL!!!!
https://www.joomlart.com/video-tutorials/t3-framework/off-canvas-sidebar
https://youtu.be/H1GvOxnYg6E?t=3m17s (min 3:17)

In the JOOMLART tutorial seems to be OK, BUUUUT there is a bug: in small screen, when megamenu is collapsed, overlap with off-canvas side bar.

PLEASE pankajsharma , is there an option to call for another moderator/support-team to participate in this discussion?

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

#759182

Hi
sorry for confusion in the conversation ,
>>> You moved offcanvas menu in right so it overlap. Yes its due to both menu at same place . Tutorial is taken on the T3 blank template.
As u need both in the right side .
Try this solution below :
Add this code i custom.css File
Path: /template/Your JA template/css/custom.css

.navbar-toggle {
right: 50px!important;
}

.off-canvas-toggle + .container .navbar-header .logo {
left: 0px!important; }
@media (max-width:980px){
.navbar-toggle + .head-search {
right: 100px!important;
}}


Save and check , It will look like this > > > http://prntscr.com/990qxn

Let me know if it helps.

1 user says Thank You to Pankaj Sharma for this useful post

1. sukinoz

[sukinoz Friend sukinozJoin date: December 2013Posts: 44Downloads:107Uploads:5 Thanks: 13 Thanked: 2 times in 2 posts]

#759361

Perfect!

Thank you.

[Author]

Posts