Non Responsive Bulma Nav
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I am using Bulma, I have a need to make the navigation bar, non responsive. I do not want the hamburger menu or the collapsed nav.
I cannot work out how to do this though, there is no mention in the docs.
Bootstrap had a class you could add that would support this, is it possible with Bulma?
bulma
asked Jun 5 '18 at 12:47
Harry BlueHarry Blue
8471027
add a comment |
I am using Bulma, I have a need to make the navigation bar, non responsive. I do not want the hamburger menu or the collapsed nav.
I cannot work out how to do this though, there is no mention in the docs.
Bootstrap had a class you could add that would support this, is it possible with Bulma?
bulma
asked Jun 5 '18 at 12:47
Harry BlueHarry Blue
8471027
Can you please show us what have you tried so far and which class in bootstrap support the nav feature ?
– monikapatelIT
Nov 28 '18 at 20:08
add a comment |
I am using Bulma, I have a need to make the navigation bar, non responsive. I do not want the hamburger menu or the collapsed nav.
I cannot work out how to do this though, there is no mention in the docs.
Bootstrap had a class you could add that would support this, is it possible with Bulma?
bulma
asked Jun 5 '18 at 12:47
Harry BlueHarry Blue
8471027
I am using Bulma, I have a need to make the navigation bar, non responsive. I do not want the hamburger menu or the collapsed nav.
I cannot work out how to do this though, there is no mention in the docs.
Bootstrap had a class you could add that would support this, is it possible with Bulma?
bulma
bulma
asked Jun 5 '18 at 12:47
Harry BlueHarry Blue
8471027
asked Jun 5 '18 at 12:47
Harry BlueHarry Blue
8471027
asked Jun 5 '18 at 12:47
Harry BlueHarry Blue
8471027
asked Jun 5 '18 at 12:47
Harry BlueHarry Blue
8471027
asked Jun 5 '18 at 12:47
Harry BlueHarry Blue
8471027
8471027
Can you please show us what have you tried so far and which class in bootstrap support the nav feature ?
– monikapatelIT
Nov 28 '18 at 20:08
add a comment |
Can you please show us what have you tried so far and which class in bootstrap support the nav feature ?
– monikapatelIT
Nov 28 '18 at 20:08
Can you please show us what have you tried so far and which class in bootstrap support the nav feature ?
– monikapatelIT
Nov 28 '18 at 20:08
Can you please show us what have you tried so far and which class in bootstrap support the nav feature ?
– monikapatelIT
Nov 28 '18 at 20:08
add a comment |
1 Answer
1
active
oldest
votes
From what I am aware of, there isn't an inbuilt class to handle this. However, according to the docs when you installed bulma you could set the $navbar-breakpoint which is what is responsible for collapsing the nav into a hamburger. Not a great solution since it requires a reinstall.
So that said, you will probably want to make your own class that will handle the display with media queries.
answered Nov 22 '18 at 14:30
Jake DoranJake Doran
566
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f50700453%2fnon-responsive-bulma-nav%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
From what I am aware of, there isn't an inbuilt class to handle this. However, according to the docs when you installed bulma you could set the $navbar-breakpoint which is what is responsible for collapsing the nav into a hamburger. Not a great solution since it requires a reinstall.
So that said, you will probably want to make your own class that will handle the display with media queries.
answered Nov 22 '18 at 14:30
Jake DoranJake Doran
566
add a comment |
From what I am aware of, there isn't an inbuilt class to handle this. However, according to the docs when you installed bulma you could set the $navbar-breakpoint which is what is responsible for collapsing the nav into a hamburger. Not a great solution since it requires a reinstall.
So that said, you will probably want to make your own class that will handle the display with media queries.
answered Nov 22 '18 at 14:30
Jake DoranJake Doran
566
add a comment |
From what I am aware of, there isn't an inbuilt class to handle this. However, according to the docs when you installed bulma you could set the $navbar-breakpoint which is what is responsible for collapsing the nav into a hamburger. Not a great solution since it requires a reinstall.
So that said, you will probably want to make your own class that will handle the display with media queries.
answered Nov 22 '18 at 14:30
Jake DoranJake Doran
566
From what I am aware of, there isn't an inbuilt class to handle this. However, according to the docs when you installed bulma you could set the $navbar-breakpoint which is what is responsible for collapsing the nav into a hamburger. Not a great solution since it requires a reinstall.
So that said, you will probably want to make your own class that will handle the display with media queries.
answered Nov 22 '18 at 14:30
Jake DoranJake Doran
566
answered Nov 22 '18 at 14:30
Jake DoranJake Doran
566
answered Nov 22 '18 at 14:30
Jake DoranJake Doran
566
answered Nov 22 '18 at 14:30
Jake DoranJake Doran
566
566
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f50700453%2fnon-responsive-bulma-nav%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Can you please show us what have you tried so far and which class in bootstrap support the nav feature ?
– monikapatelIT
Nov 28 '18 at 20:08