/    Sign up×
Community /Pin to ProfileBookmark

Website Cell Phone Display…Nav Bar doesn’t scroll correctly

hello…

On my home page ( https://www.burlingtoncountyna.org/ ), the Navigation Bar scrolls correctly up & down on any computer display…but on any cell phone, it will not scroll up & out of the way of the content below it (content which is very important).

Is there a code snippet that can be added to accommodate this?

thanx,

dox

to post a comment

5 Comments(s)

Copy linkTweet thisAlerts:
@SempervivumJul 21.2019 — Off topic at first: Obviously you are using `background-attachment: fixed;`

This feature is commonly blocked by mobile browsers. You can read about the reasons here:

https://stackoverflow.com/questions/20443574/fixed-background-image-with-ios7

On topic now: I suspect that a fixed navigation like yours is blocked due to the same reasons. I recommend to go the common way and add a hamburger memu that opens on touch.
Copy linkTweet thisAlerts:
@VITSUSAJul 22.2019 — @doxology#1606558 Have you checked is your website Mobile friendly?
Copy linkTweet thisAlerts:
@doxologyauthorJul 24.2019 — thanx. Someone suggested removing the sticky tag from the nav bar code, which I did. It now scrolls correctly up & out of the way (so as to fully view the info below), but I have no idea what a hamburger menu is.

dox
Copy linkTweet thisAlerts:
@SempervivumJul 24.2019 — You can view it here, e. g.:

https://codepen.io/erikterwan/pen/EVzeRP

It would be easy to make the icon fixed so that it will be visible always.
Copy linkTweet thisAlerts:
@moltoviaxxJul 25.2019 — @doxology#1606558 This is a Bootstrap site. Additional CSS media queries are rarely needed. Bootstrap handles that for you. The simplest way to solve the usability problem is to remove stickty-top class from the navbar.

[url=https://sarkariresult.onl/]Sarkari Result[/url] [url=https://pnrstatus.vip/]Pnr Status[/url] [url=https://192168ll.onl/]192.168.l.l[/url]
×

Success!

Help @doxology spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 4.23,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...