Problem with website design

Question

Hi! I started making a template for my website, and everytime I had almost finished with everything when i press the responsive button for menu showing, the responsive navigation bar doesn’t show how it showed at the beggining. The code works fine, until I put more css and more html tags to make a full website. I work just in dreamweaver.
https://code.sololearn.com/WA7h7MYhyGtv/?ref=app

Answer 1

Yes any time you have an animation of some sort its not going to look the same as before.

So what do you mean by the bar not showing how it showed at first?

Explain in detail what you are attempting to achieve.

I notice that you've edited the w3schools responsive nav example.

And that you've added a drop down menu.

How do you want it to react?

Answer 2

So it does not look like this?
https://www.dropbox.com/s/n60t03v21t2n4pc/SoloLearn_Screenshot_2020.12.17_15.56.24.png?dl=0

Answer 3

Chris C. I’ll let here 2 photos of what I want to say. The 1st photo is how it looks on mobile device, and 2nd, its how it looks after I press the button for nav bar extend.
1st image: https://dmfworld.ro/Imgs/public/uploads/big/b5c31aeffe39c4f106937b279611c44b.jpeg
2nd image: https://dmfworld.ro/Imgs/public/uploads/big/1d60d85ba06fe190fc401aeb680935e9.jpeg

Answer 4

That is very odd. What mobile device are you using?

Answer 5

Iphone Xs

Answer 6

Do you have a windows PC? or Mac?

Answer 7

windows pc and I work only in adobe dreamweaver.

Answer 8

screenshot what this looks like in your browser

https://jsbin.com/rumineq/edit?output

Answer 9

that’s how it looks. but now it doesn’t responsive anymore. http://dmfworld.ro/Imgs/public/uploads/big/309a0931994453a5c34754d9cf4e3090.png

Answer 10

Responsive means it changes the way it look depending on the screen size. So its still responsive. The code works. I'm not sure what problem you are actually having. Sorry.

Answer 11

you’ve been trying to help me with that. thanks for that! I’ll figure it out somehow.