# Offcanvas strange behavior / Bootstrap 5.2

**URL:** https://forum.pinegrow.com/t/offcanvas-strange-behavior-bootstrap-5-2/7516
**Category:** Beginners
**Tags:** bug
**Created:** [December 24, 2022, 2:17am UTC](https://forum.pinegrow.com/t/offcanvas-strange-behavior-bootstrap-5-2/7516 "2022-12-24T02:17:08Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![Josan](https://avatars.discourse-cdn.com/v4/letter/j/dec6dc/32.png) [@Josan](https://forum.pinegrow.com/u/Josan)
#### Post date: [December 24, 2022, 2:17am UTC](https://forum.pinegrow.com/t/offcanvas-strange-behavior-bootstrap-5-2/7516/1 "2022-12-24T02:17:09Z")

</div>

Hi. My english is very limited, sorry.  
I am working with version 7. I was doing an identical job (except content) to one made with 6. I am going crazy. With 6 I had no problem. With 7 I have strange behaviors. I copy the offcanvas code from [Getbootstrap.com](http://Getbootstrap.com). In the work I am doing I started with the problem that by clicking on the menu I did not go to the right section on the page (It never worked at the first click and many times after the second click). After going crazy reviewing, making changes, etc …, I have made an offcanvas navigation as simple as possible. At first it worked well, but suddenly it has begun to behave strangely: the click on the menu does lead me to the selected section, but when closing the offcanvas menu the page automatically jump to the top of the page (see attacher mp4 or on netlyfy).  
Here you can see it: [https://silly-bombolone-da23aa.netlify.app/](https://silly-bombolone-da23aa.netlify.app/)

  

  
(It seems that I can’t share the folder with the document made with Pinegrow)  
I apologize for my long consultation.

---

<div class="post-metadata">

### Author: ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)
#### Post date: [December 24, 2022, 1:18pm UTC](https://forum.pinegrow.com/t/offcanvas-strange-behavior-bootstrap-5-2/7516/2 "2022-12-24T13:18:55Z")

</div>

It is going to be difficult for us to answer precisely to design issues.  
If your menu worked with Pinegrow 6 and you haven’t made any changes with version 7, there’s really no reason why it shouldn’t work like it used to.

Do you use a revision manager? Is it possible to compare the previously working code with version 6 and the non-functioning code with version 7?

---

<div class="post-metadata">

### Author: ![Josan](https://avatars.discourse-cdn.com/v4/letter/j/dec6dc/32.png) [@Josan](https://forum.pinegrow.com/u/Josan)
#### Post date: [December 24, 2022, 5:26pm UTC](https://forum.pinegrow.com/t/offcanvas-strange-behavior-bootstrap-5-2/7516/4 "2022-12-24T17:26:57Z")

</div>

It seems that what destroys my work is playing with this:

 ![Captura de pantalla 2022-12-20 a las 13.14.04](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/7/7cf243f37bd07025638f8a24876c64644ada3d05.png)

As soon as I touch them, weird things start to happen. And it’s been like that for a week. Vision 7.04 (Mac M1)

---

<div class="post-metadata">

### Author: ![Josan](https://avatars.discourse-cdn.com/v4/letter/j/dec6dc/32.png) [@Josan](https://forum.pinegrow.com/u/Josan)
#### Post date: [December 24, 2022, 9:13pm UTC](https://forum.pinegrow.com/t/offcanvas-strange-behavior-bootstrap-5-2/7516/6 "2022-12-24T21:13:17Z")

</div>

I don’t use version checker. I am an older man learning… 😉 I do have the folders with the two numbers: the autumn one (the one that works) and the winter one with which I am fighting now. I’m starting to do it from scratch to see how it goes. It is the third time, in the second everything seemed to be going well and suddenly the errors started again.  
I understand that it is difficult to help individual cases like mine.  
Thanks for the interest.  
Joyeux Noël !

---

<div class="post-metadata">

### Author: ![Josan](https://avatars.discourse-cdn.com/v4/letter/j/dec6dc/32.png) [@Josan](https://forum.pinegrow.com/u/Josan)
#### Post date: [December 24, 2022, 9:15pm UTC](https://forum.pinegrow.com/t/offcanvas-strange-behavior-bootstrap-5-2/7516/7 "2022-12-24T21:15:08Z")

</div>

Avoiding the mentioned controls, I have started to include the classes manually, but as I go including content, columns and rows, etc., there also suddenly comes a moment that stops working: the columns and lines behave strangely and the navigation in browsers is again erratic All I do is include Bootstrap classes and content. I don’t touch the js at all.  
It’s all very strange.

---

<div class="post-metadata">

### Author: ![Josan](https://avatars.discourse-cdn.com/v4/letter/j/dec6dc/32.png) [@Josan](https://forum.pinegrow.com/u/Josan)
#### Post date: [December 25, 2022, 12:47pm UTC](https://forum.pinegrow.com/t/offcanvas-strange-behavior-bootstrap-5-2/7516/8 "2022-12-25T12:47:40Z")

</div>

I have reinstalled version 7 several times. Now the UI fails me. View image.

 ![Captura de pantalla 2022-12-25 a las 13.43.19](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/bb708e7467e0dd58db858aa66d4f640c9d973a41.jpeg)

This has been after trying to place a carousel and it has stayed that way.

And I have to use the refresh button a lot.  
 ![Captura de pantalla 2022-12-25 a las 14.27.06](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/d7ceb510ce7111a97494b01b61a342cc4aa3cef7.png)

---

<div class="post-metadata">

### Author: ![TechAkayy](https://avatars.discourse-cdn.com/v4/letter/t/ce73a5/32.png) [@TechAkayy](https://forum.pinegrow.com/u/TechAkayy)
#### Post date: [December 25, 2022, 2:17pm UTC](https://forum.pinegrow.com/t/offcanvas-strange-behavior-bootstrap-5-2/7516/9 "2022-12-25T14:17:06Z")

</div>

Any errors in the console?

---

<div class="post-metadata">

### Author: ![Josan](https://avatars.discourse-cdn.com/v4/letter/j/dec6dc/32.png) [@Josan](https://forum.pinegrow.com/u/Josan)
#### Post date: [December 25, 2022, 3:09pm UTC](https://forum.pinegrow.com/t/offcanvas-strange-behavior-bootstrap-5-2/7516/10 "2022-12-25T15:09:05Z")

</div>

This question is beyond my knowledge. I know some html and css. And I was in love with Pinegrow because he has helped me start doing things.

---

<div class="post-metadata">

### Author: ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)
#### Post date: [December 25, 2022, 5:50pm UTC](https://forum.pinegrow.com/t/offcanvas-strange-behavior-bootstrap-5-2/7516/11 "2022-12-25T17:50:45Z")

</div>

@Josan please follow the instructions from the video : [Dropbox - inspect-console.mp4 - Simplify your life](https://www.dropbox.com/s/r9zan4key2a3akd/inspect-console.mp4?dl=0)

---

<div class="post-metadata">

### Author: ![Josan](https://avatars.discourse-cdn.com/v4/letter/j/dec6dc/32.png) [@Josan](https://forum.pinegrow.com/u/Josan)
#### Post date: [December 26, 2022, 1:47am UTC](https://forum.pinegrow.com/t/offcanvas-strange-behavior-bootstrap-5-2/7516/12 "2022-12-26T01:47:29Z")

</div>

I was finally able to finish the job. I have avoided using _COLUMNS_ bootstrap, I have centered the contents with flex, and what, above all, has made everything go well and the layout did not break has been deactivating _Lazy loading_ in all the images. After this neither the layout broke nor the navigation from the offcanvas menu became inaccurate. All very mysterious…  
Tomorrow I will follow your instructions.
