Hamburger trouble

[Pavel_NA]

Hello,

please see

https://forallthetime.com/BI-A/index.html

i used left: 175dvh; to bring the hamburger to the right, did i do that the right way?

not sure what to call this, as my veiwport gets smaller, the hamburger stays put and goes of the screen…

i am after having the hamburger adjust to the screen itself… as the screem gets larger or smaller, the hamburger is visable

what should i do?

i appreciate the code and an explanation of what you did and how it works

thanks for helping me!

[bbsmooth]

@Pavel_NA

i used left: 175dvh; to bring the hamburger to the right, did i do that the right way?

not sure what to call this, as my veiwport gets smaller, the hamburger stays put and goes of the screen…

Can you tell us why you chose dvh units. Do you understand what dvh is based on? What happens if instead of making your viewport narrower, you make is shorter?

[Pavel_NA]

@bbsmooth

Can you tell us why you chose dvh units

i believe i got the hamburger code off codepen

@bbsmooth

. Do you understand what dvh is based on?

no

@bbsmooth

What happens if instead of making your viewport narrower, you make is shorter?

i tried to decrease the screen size in dev tools and make the window shorter… i continue to loose the hambrger off screen

as i adjust the screen, the hamburger is there, but is not moving meaning the hamburger sits on top of the rest of the page as the screen moves

also, i adjusted to rem and brought the hamburger to the left

same issue

however, when i remove positon:fixed it works perfectly!

BUT i loose my left and top code

the hamburger stays in the same place, meaning it doesnt go off the screen… it stays on the screen as i adjust the size of the screen.

is that what you meant? if not, kindly clarify your point

i hope this is helpful

whats your $0.02?

i am on a learning curve here… sorry if i am missing something

again, thanks!

[bbsmooth]

@Pavel_NA

@bbsmooth

Do you understand what dvh is based on?

no

This is the first thing you need to do. It’s OK to search for existing code, but you need to understand what it does before you use it.

I’m not sure what help you are asking for now (if any), but I will tell you that the hamburger toggle should be a button, not a span, and it should come before the navigation menu, not after it.

[Pavel_NA]

@bbsmooth

It’s OK to search for existing code, but you need to understand what it does before you use it.

THAT makes sense

so… my next question is what does dvh do for me?

@bbsmooth

I’m not sure what help you are asking for now (if any)

yes, i am asking for help here

my appologies if i did not make that clear

see Home

i dont want to sound like a broken record… i simply want to move the hamburger

@bbsmooth

I will tell you that the hamburger toggle should be a button, not a span, and it should come before the navigation menu, not after it.

i will adjust that

will that solve my issue?

thanks so much for help, time, trouble and patience!

we will figure this out!

thank you

[bbsmooth]

@Pavel_NA

i dont want to sound like a broken record… i simply want to move the hamburger

Where? Please be very specific about what you want to do.

[Pavel_NA]

hello

i hope this is proper

.hamburger-button {
  position: fixed;
  top: 10rem; 
  left: 2.5rem; 
  font-size: 50px; 
  border: none; 
  background: none; 
  text-decoration: none; 
  color: black;

thats the most specific i can be about what i want to do

again, my primary issue is the hamburger wont stay put,

it moves in dev tools and on my browser

i adjusted<span> to <button>

in VSCode its like codepen , both have 2 hamburgers now, published it looks different , 1 hamburger

i sincerley appreciate your patince

thanks!