Joomla Templates Club 406,261 posts

[Elad Friend EladJoin date: May 2016Posts: 42Downloads:67Uploads:8 Thanks: 4]

#1046352

Hi’
I’m replacing old template on http://www.emarmor.co.il with JA Sugite.
For some reason off canvas pushes content section although it is closed.
When i disable off canvas option it stops there for i believe the issue is in the off canvas.
I compares css with demo template, but to me everything looked the same’ and i could not solve it/
Any suggestions?
Thanks

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

#1046399

Hi
open file /templates/ja_sugite/css/rtl/off-canvas.css

Find

.off-canvas-left.t3-off-canvas {
    left: 0;
    right: auto;
}

replace it with

.off-canvas-left.t3-off-canvas {
    left: 0;
}

it will fix this issue.

Regards

[Elad Friend EladJoin date: May 2016Posts: 42Downloads:67Uploads:8 Thanks: 4]

#1046448

Hi,
It helped.
But now side bar disappears when i open it, i believe it moved right, and on lower screen sizes it is seen but diverted to the the right.
so’ i think there is another fix needed.
Thanks

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

#1046453

Hi
Add this code in custom.css

.off-canvas-open .off-canvas-left.t3-off-canvas {
    left: 0;
    right: auto;
}

Hope it helps

Regards

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

1. Elad

[Elad Friend EladJoin date: May 2016Posts: 42Downloads:67Uploads:8 Thanks: 4]

#1046983

Hi,
It seems that on mobile, on screen resolution equal and lower from 374px,
problem returned.
so need complete fix.
Another question:
Since i embedded the fix on original files’ what will happen when i will upgrade?

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

#1047100

Hi
Add this code in custom.css file

@media(max-width:350px){.t3-off-canvas {
    width: 200px;
}
.off-canvas-effect-4.off-canvas-open .off-canvas-effect-4.t3-off-canvas {width:250px;}}

Kindly use the custom.css file, it will not be overridden on template update.

Regards

[Elad Friend EladJoin date: May 2016Posts: 42Downloads:67Uploads:8 Thanks: 4]

#1047188

Thanks,
But still between 350 to 375 there is a movable gap and the size does not get fixed.
On samsung galaxy this is the resolution, and css fix does not resolve it.
I hope there is a total and fixed solution, because overall features of template are excellent.

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

#1047196

Hi
Please replace 350 px to 370 in the code.
It will work for 374px size.Its the screen size.
It will work 🙂
Regards

[Elad Friend EladJoin date: May 2016Posts: 42Downloads:67Uploads:8 Thanks: 4]

#1047209

Thanks,
It causes the module category article to move to close to the left side.
I probably give up off canvas.

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

#1047227

Hi
can you please share screenshot what issue you are facing with module?

[Elad Friend EladJoin date: May 2016Posts: 42Downloads:67Uploads:8 Thanks: 4]

#1047236

Watch the text on the left

---

Attachments:

1. 

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

#1047249

Hi
it does not look from the off-canvas sidebar its the padding that is from the browser for UL tag
Try this code in custom.css

ul.category-module-list {
    padding: 30px;
}

You can set the padding value as per needs.

Regards

[Author]

Posts