Page 2 of 2

Re: Wordpress CSS Mobile Menu - width issue

Posted: Mon Nov 28, 2016 8:38 am
by Celauran
It's not perfect, but what if you used vw instead of px for the menu width?

Code: Select all

.main-small-navigation ul {
  width: 100vw;
  margin-left: calc(-50vw);
}
Again, not a front end guy, but hopefully that's enough to get you started.

Re: Wordpress CSS Mobile Menu - width issue

Posted: Mon Nov 28, 2016 8:47 am
by simonmlewis
After a little tweaking with it:

Code: Select all

.main-small-navigation ul {
    margin-left: calc(-63vw);
    width: 95vw;
}
Works perfect!
So what is "vw", and what is that calc(-63vw) ??

Not heard of either of those.

Re: Wordpress CSS Mobile Menu - width issue

Posted: Mon Nov 28, 2016 8:49 am
by Celauran

Re: Wordpress CSS Mobile Menu - width issue

Posted: Mon Nov 28, 2016 8:52 am
by simonmlewis
I'll have a good read through. Thanks so much.
That was a challenging one!