issue with pop-out navigation

classic Classic list List threaded Threaded
3 messages Options
Reply | Threaded
Open this post in threaded view
|

issue with pop-out navigation

Chris Kavinsky
I'm trying to incorporate a pop-out navigation (from
https://www.w3schools.com/howto/howto_js_sidenav.asp) to work with a
wordpress-created navigation. The problem I'm having is getting the a links
to show up within the ul and li. Here's the demo page I'm working with.
What am I overlooking in order to get the links within the list to appear?

http://greencrest.com/navtest.html

click on "menu" in the upper left. thanks in advance.

-chris
______________________________________________________________________
css-discuss [[hidden email]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Reply | Threaded
Open this post in threaded view
|

Re: issue with pop-out navigation

Emanuele Venezia
Hi Chris,

you have a

.nav-menu {

  width: 0;

}

which applies either to div#mySidenav or to ul#primary-menu. When you
overwrite the width as an inline style inside the #mySidenav, that
definition keeps affecting the #primary-menu.

Emanuele

Il 08/03/2017 15:09, Chris Kavinsky ha scritto:

> I'm trying to incorporate a pop-out navigation (from
> https://www.w3schools.com/howto/howto_js_sidenav.asp) to work with a
> wordpress-created navigation. The problem I'm having is getting the a links
> to show up within the ul and li. Here's the demo page I'm working with.
> What am I overlooking in order to get the links within the list to appear?
>
> http://greencrest.com/navtest.html
>
> click on "menu" in the upper left. thanks in advance.
>
> -chris
> ______________________________________________________________________
> css-discuss [[hidden email]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

--
Emanuele Venezia
Ufficio Applicazioni Ricerca e Biblioteche
Servizio Applicativi Gestionali - Area IT
Politecnico di Torino
Corso Duca degli Abruzzi, 24
10129 Torino
Tel. 011 090 6735

______________________________________________________________________
css-discuss [[hidden email]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Reply | Threaded
Open this post in threaded view
|

Re: issue with pop-out navigation

Emanuele Venezia
I meant that definition applies both to #mySidenav and to #primary-menu

sorry


Il 08/03/2017 15:54, Emanuele Venezia ha scritto:

> Hi Chris,
>
> you have a
>
> .nav-menu {
>
>  width: 0;
>
> }
>
> which applies either to div#mySidenav or to ul#primary-menu. When you
> overwrite the width as an inline style inside the #mySidenav, that
> definition keeps affecting the #primary-menu.
>
> Emanuele
>
> Il 08/03/2017 15:09, Chris Kavinsky ha scritto:
>> I'm trying to incorporate a pop-out navigation (from
>> https://www.w3schools.com/howto/howto_js_sidenav.asp) to work with a
>> wordpress-created navigation. The problem I'm having is getting the a
>> links
>> to show up within the ul and li. Here's the demo page I'm working with.
>> What am I overlooking in order to get the links within the list to
>> appear?
>>
>> http://greencrest.com/navtest.html
>>
>> click on "menu" in the upper left. thanks in advance.
>>
>> -chris
>> ______________________________________________________________________
>> css-discuss [[hidden email]]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>

--
Emanuele Venezia
Ufficio Applicazioni Ricerca e Biblioteche
Servizio Applicativi Gestionali - Area IT
Politecnico di Torino
Corso Duca degli Abruzzi, 24
10129 Torino
Tel. 011 090 6735

______________________________________________________________________
css-discuss [[hidden email]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/