# SOLVED: Offcanvas opening direction issue

**URL:** <https://forum.bricksbuilder.io/t/solved-offcanvas-opening-direction-issue/40090>\
**Category:** Bugs\
**Tags:** v2-4-beta3\
**Created:** [August 20, 2026, 9:41pm UTC](https://forum.bricksbuilder.io/t/solved-offcanvas-opening-direction-issue/40090 "2026-08-20T21:41:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![HOSEIN](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/hosein/32/25907_2.png) [@HOSEIN](https://forum.bricksbuilder.io/u/HOSEIN)\
**Post date:** [August 20, 2026, 9:41pm UTC](https://forum.bricksbuilder.io/t/solved-offcanvas-opening-direction-issue/40090/1 "2026-08-20T21:41:21Z")

</div>

**Browser** : Chrome 151.0.7922.169  
**OS** : Windows

Hi,

In the new beta, I control the direction of the Offcanvas at two different breakpoints. On mobile, the Offcanvas does not open as expected. This only happens the first time after the page reloads. To better understand the issue, I have set the Transition: Duration to 3 seconds. Please watch the video below.

> **[Offcanvas opening issue.mp4](https://drive.google.com/file/d/1pWmO9IXKFbu2xpW1UBo5zzN-lSQTdFaR/view?usp=sharing)**
>
> Google Drive file.

**Offcanvas structure**

```auto
{"content":[{"id":"sgjiwi","name":"section","parent":0,"children":["dffnot"],"settings":{"_margin":{"bottom":"2000"}}},{"id":"dffnot","name":"container","parent":"sgjiwi","children":["cnfytg","fajmbz"],"settings":{}},{"id":"cnfytg","name":"button","parent":"dffnot","children":[],"settings":{"text":"I am a button","style":"primary","_interactions":[{"id":"scmlmg","trigger":"click","action":"toggleOffCanvas","offCanvasSelector":"#brxe-fajmbz"}]}},{"id":"fajmbz","name":"offcanvas","parent":"dffnot","children":["tfrvwj","hrczlw"],"settings":{"width":"400","direction:mobile_landscape":"bottom","width:mobile_landscape":"100%","height:mobile_landscape":"100dvh","transitionDuration":"3s"}},{"id":"tfrvwj","name":"block","parent":"fajmbz","children":["bkxdlb","vnlzrq"],"settings":{"_hidden":{"_cssClasses":"brx-offcanvas-inner"},"_padding":{"top":"20","right":"20","bottom":"20","left":"20"}},"label":"Content","cloneable":false,"deletable":false},{"id":"bkxdlb","name":"text-basic","parent":"tfrvwj","children":[],"settings":{"text":"Add your offcanvas content in here"}},{"id":"vnlzrq","name":"toggle","parent":"tfrvwj","children":[],"settings":{"ariaLabel":"Close"},"label":"Toggle (Close)"},{"id":"hrczlw","name":"block","parent":"fajmbz","children":[],"settings":{"_hidden":{"_cssClasses":"brx-offcanvas-backdrop"}},"label":"Backdrop"}],"source":"bricksCopiedElements","sourceUrl":"https://avangtheme.ir","version":"2.4-beta3"}

```

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [August 21, 2026, 5:49am UTC](https://forum.bricksbuilder.io/t/solved-offcanvas-opening-direction-issue/40090/3 "2026-08-21T05:49:24Z")

</div>

Hi Hosein,  
Thanks for the report. We were able to replicate this issue and added it to our internal bug tracker. We’ll update this thread once it’s fixed.

---

<div class="post-metadata">

**Author:** ![bricks.assistant](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/bricks.assistant/32/32537_2.png) [@bricks.assistant](https://forum.bricksbuilder.io/u/bricks.assistant)\
**Post date:** [September 2, 2026, 8:06am UTC](https://forum.bricksbuilder.io/t/solved-offcanvas-opening-direction-issue/40090/4 "2026-09-02T08:06:25Z")

</div>

We’ve addressed this in Bricks 2.4-rc (release candidate), now available for manual download from your Bricks account.

Please read the [changelog entry](https://bricksbuilder.io/release/bricks-2-4-rc/) before testing, and let us know if you experience any issues. Release candidates are not recommended for production sites.