Groups > comp.infosystems.www.authoring.html > #6775

responsive navigator

From	dale <dale@dalekelly.org>
Newsgroups	comp.infosystems.www.authoring.html, alt.html
Subject	responsive navigator
Date	2019-02-20 17:08 -0500
Message-ID	<c0h8lt.s43.17.1@news.alt.net> (permalink)

Cross-posted to 2 groups.

Show all headers | View raw

Hi,

I have implemented W3 Schools responsive navigator bar in my CSS file

https://github.com/dalekellytoo/website/blob/master/mystyle.css

<https://github.com/dalekellytoo/website/blob/master/mystyle.css>

you can see how the bar works in the site in my signature

for computer sizes the bar is vertical on the left hand side and the bar 
stays in the same place regardless of scrolling, no issues here

for pad sizes the bar is horizontal on the top, but when I scroll down 
the bar disappears, you can see this by shrinking a computer screen 
horizontally

for phone sizes the bar itself is stacked on the top, again you can see 
this by horizontal shrinking on a computer, it disappears when you 
scroll down but this is okay because a phone wouldn't have size for bar 
and content

I'd like the horizontal bar to be fixed in place.

Any help for a hacker? I can reword some of this if it doesn't make 
sense. I don't want to use javascript.


-- 
dale - https://www.dalekelly.org/

Back to comp.infosystems.www.authoring.html | Previous | Next — Next in thread | Find similar | Unroll thread

Thread

responsive navigator dale <dale@dalekelly.org> - 2019-02-20 17:08 -0500
  Re: responsive navigator dale <dale@dalekelly.org> - 2019-02-20 19:34 -0500
  Re: responsive navigator Osmo Saarikumpu <osmo@weppipakki.com> - 2019-02-21 18:44 +0200
    Re: responsive navigator dale <dale@dalekelly.org> - 2019-02-21 12:35 -0500
    Re: responsive navigator dale <dale@dalekelly.org> - 2019-02-21 15:33 -0500
      Re: responsive navigator dale <dale@dalekelly.org> - 2019-02-21 18:45 -0500
        Re: responsive navigator dale <dale@dalekelly.org> - 2019-02-21 20:32 -0500
          Re: responsive navigator dale <dale@dalekelly.org> - 2019-02-22 09:06 -0500
          Re: responsive navigator Lewis <g.kreme@gmail.com.dontsendmecopies> - 2019-02-22 14:24 +0000
            Re: responsive navigator dale <dale@dalekelly.org> - 2019-02-22 12:33 -0500
      Re: responsive navigator Lewis <g.kreme@gmail.com.dontsendmecopies> - 2019-02-22 01:51 +0000
        Re: responsive navigator dale <dale@dalekelly.org> - 2019-02-21 21:25 -0500
          Re: responsive navigator Arno Welzel <usenet@arnowelzel.de> - 2019-06-06 09:09 +0200
  Re: responsive navigator dale <dale@dalekelly.org> - 2019-02-28 16:46 -0500
  Re: responsive navigator Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2019-05-27 22:04 +0200
    Re: responsive navigator Lewis <g.kreme@gmail.com.dontsendmecopies> - 2019-05-28 04:18 +0000
      Re: responsive navigator Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2019-06-01 13:06 +0200
        Re: responsive navigator Lewis <g.kreme@gmail.com.dontsendmecopies> - 2019-06-01 22:37 +0000
          ECMAScript (was: Re: responsive navigator) Arno Welzel <usenet@arnowelzel.de> - 2019-06-05 13:58 +0200
            Re: ECMAScript (was: Re: responsive navigator) Lewis <g.kreme@gmail.com.dontsendmecopies> - 2019-06-05 20:20 +0000
      Re: responsive navigator Arno Welzel <usenet@arnowelzel.de> - 2019-06-05 13:51 +0200
    Re: responsive navigator Ed Mullen <ej@edmullen.net> - 2019-06-01 11:51 -0400
      Re: responsive navigator Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2019-06-01 18:00 +0200

csiph-web