1vw = 1/100th of whatever size it is.
So for 1200px, you would multiply the total by 1/100th or 8/100.
To put that in decimal form, remember dividing by 100
moves the decimal two to the left because there are two zeros in 100.
8/100 = 0.08
So..
1200 * 0.08 = 96
or
1000 * 0.08 = 80
200 * 0.08
It's 8% of 1200.
1200 * .08 = 96
On 3/31/17, 6:08 PM Crest Christopher said:
I'm still not understanding the math as to; How do you get 96px from
8vw if the viewport width is 1200px ?
___
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSUL
Alternatively, if you want the menu to scroll and not the whole window,
you can set height:100% and overflow-y:auto on #site-navigation.
Sorry for multiple emails. Last minute thoughts as I leave out the door.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Apr 3, 2017, at
Oh and I also forgot.
#site-navigation needs height:auto;
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Apr 3, 2017, at 5:56 PM, Karl DeSaulniers wrote:
>
> Hey Chris,
> Just fyi. Got these errors.
>
> [Error] Failed to load resource: the server responded with a st
Hey Chris,
Just fyi. Got these errors.
[Error] Failed to load resource: the server responded with a status of 404 (Not
Found) (style-header.css, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not
Found) (style-footer.css, line 0)
[Error] Failed to load resour
I'm in the process of redesigning a site for a client. I added a side
navigation for the main nav on smaller screens. One problem I'm having is
that on mobile devices, the screen pushed over to the left and leaves space
for the sliding side navigation even though its not engaged. It doesn't do
this
