I need to force unique navigation to appear properly at any screen width

[Ray.H]

@AARRGGHHH

When a user mouses over the bars, they slide out into view.

JS just moves the bars, and that is working perfectly

That can be done with CSS animations and/or Transitions

@AARRGGHHH

I then tried several variations on dynamically adjusting the screen width in the container with a JavaScript function that runs onload:

That’s what media queries are for.

@AARRGGHHH

Here is my style sheet:

I’m mainly seeing font styles, background colors, and margins.
CSS is capable of much more than that these days.

Here is an example of a menu with some slide in effects using transitions.