/    Sign up×
Community /Pin to ProfileBookmark

showing navigation bar from 1024px onwards

Copy linkTweet thisAlerts:
Nov 05.2018

still new to the whole bootstrap/ responsive web development and currently developing a website and need the navbar-toggle/ burger to show up until 1024px with the navigation bar collapsed. 1024px and above the navbar-toggle/ burger is hidden – (display: none; ) and the navigation bar shown in full. I know this is done via a media query but I not sure on what specific classes I should be targeting to override. Bootstrap by default does what I want but is at max-width: 768px; I’m looking to create a separate stylesheet called custom.css and override the bootstrap breakpoint. Can someone possible provide me with CSS styles that I could use if not provide me with tips or pointers on how to approach this

to post a comment

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@rootNov 05.2018 — Why add in something to over-ride something that you have loaded when if you just did a check to see if the visitor was

a. a mobile device

b. they prefer a mobile or regular site...

then add in the appropriate elements to support that page rather than loading in elements to have them over written by something that later checks to see if a condition is met...

Thats wasting bandwidth, slows your site delivery down and seriously impacts on delivery.

Never assume that because a mobile device is a mobile device that it is not capable of delivery of a full working web page like my phone can and I do find it really annoying that people shoe horn me in to a mobile site when my web broser works just fine and I prefer it like that.

Too many assumptions made by developers in the early days has led to the standard being that "this is what you do for this client" rather than asking what the client prefers. User friendly vs authoritarian.

I am guessing you have a server-side script like PHP? or some Server-side script that you can use as all hosts I know of allow PHP as it is standard, use it... get browser information and forget if the browser is spoofing, if it spoofing, you have nothing to worry about, thats on the spoofer.

Separate your CSS in to what is common to all browser types, then specific browser types like mobile, mozilla, chrome as each vendor as ever, goes their own way.

Daft really, we have a W3C that can set standards by vendors wander off and still do their own thing.
Copy linkTweet thisAlerts:
@vir1tNov 08.2018 — yes soklasen
×

Success!

Help @nsath 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 5.12,
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: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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