My nav bar suddenly scrolls left of the page, testing the Get button. Any idea why?
0
http://birdbreath.com/bb/sticky_navbb4.html
It begins the scroll properly, setting the right classes and suddenly scrolls left off the page.
I have tried a variety of things including overflow-x: hidden; .
Any suggestions?
Thanks
javascript
asked Nov 27 '18 at 5:23
RobertRobert
12
add a comment |
0
http://birdbreath.com/bb/sticky_navbb4.html
It begins the scroll properly, setting the right classes and suddenly scrolls left off the page.
I have tried a variety of things including overflow-x: hidden; .
Any suggestions?
Thanks
javascript
asked Nov 27 '18 at 5:23
RobertRobert
12
why your body has a overflow:hidden ?
– shaghayegh sheykholeslami
Nov 27 '18 at 5:26
It works properly in the Chrome Web Maker extension. The Chrome Dev tools found no errors.
– Robert
Nov 27 '18 at 5:27
I was attempting to add it in a variety of places,hoping it would help.
– Robert
Nov 27 '18 at 5:27
I couldn't see your page's problem..there is page without any scroll both in cherome and firefox
– shaghayegh sheykholeslami
Nov 27 '18 at 5:31
add a comment |
0
0
0
http://birdbreath.com/bb/sticky_navbb4.html
It begins the scroll properly, setting the right classes and suddenly scrolls left off the page.
I have tried a variety of things including overflow-x: hidden; .
Any suggestions?
Thanks
javascript
asked Nov 27 '18 at 5:23
RobertRobert
12
http://birdbreath.com/bb/sticky_navbb4.html
It begins the scroll properly, setting the right classes and suddenly scrolls left off the page.
I have tried a variety of things including overflow-x: hidden; .
Any suggestions?
Thanks
javascript
javascript
asked Nov 27 '18 at 5:23
RobertRobert
12
asked Nov 27 '18 at 5:23
RobertRobert
12
asked Nov 27 '18 at 5:23
RobertRobert
12
asked Nov 27 '18 at 5:23
RobertRobert
12
asked Nov 27 '18 at 5:23
RobertRobert
12
12
why your body has a overflow:hidden ?
– shaghayegh sheykholeslami
Nov 27 '18 at 5:26
It works properly in the Chrome Web Maker extension. The Chrome Dev tools found no errors.
– Robert
Nov 27 '18 at 5:27
I was attempting to add it in a variety of places,hoping it would help.
– Robert
Nov 27 '18 at 5:27
I couldn't see your page's problem..there is page without any scroll both in cherome and firefox
– shaghayegh sheykholeslami
Nov 27 '18 at 5:31
add a comment |
why your body has a overflow:hidden ?
– shaghayegh sheykholeslami
Nov 27 '18 at 5:26
It works properly in the Chrome Web Maker extension. The Chrome Dev tools found no errors.
– Robert
Nov 27 '18 at 5:27
I was attempting to add it in a variety of places,hoping it would help.
– Robert
Nov 27 '18 at 5:27
I couldn't see your page's problem..there is page without any scroll both in cherome and firefox
– shaghayegh sheykholeslami
Nov 27 '18 at 5:31
why your body has a overflow:hidden ?
– shaghayegh sheykholeslami
Nov 27 '18 at 5:26
why your body has a overflow:hidden ?
– shaghayegh sheykholeslami
Nov 27 '18 at 5:26
It works properly in the Chrome Web Maker extension. The Chrome Dev tools found no errors.
– Robert
Nov 27 '18 at 5:27
It works properly in the Chrome Web Maker extension. The Chrome Dev tools found no errors.
– Robert
Nov 27 '18 at 5:27
I was attempting to add it in a variety of places,hoping it would help.
– Robert
Nov 27 '18 at 5:27
I was attempting to add it in a variety of places,hoping it would help.
– Robert
Nov 27 '18 at 5:27
I couldn't see your page's problem..there is page without any scroll both in cherome and firefox
– shaghayegh sheykholeslami
Nov 27 '18 at 5:31
I couldn't see your page's problem..there is page without any scroll both in cherome and firefox
– shaghayegh sheykholeslami
Nov 27 '18 at 5:31
add a comment |
2 Answers
2
active
oldest
votes
0
Did you add height and width property into your class? Could you clarify more, what do you want?
answered Nov 27 '18 at 5:26
Md. Mehedi HassanMd. Mehedi Hassan
176
This is a question, not an answer. Please don't add questions or comments as answers.
– Jayce444
Nov 27 '18 at 5:30
1
Well add height & width property along with overflow property
– Md. Mehedi Hassan
Nov 27 '18 at 5:32
I eventually want it to scroll to and remain visible at the top of the Get page. And scroll to the top of he home page and disappear which it does. The ses an the left of the Get page is a test of my visibility script.
– Robert
Nov 27 '18 at 5:33
I did add both to #nav
– Robert
Nov 27 '18 at 5:34
add overflow:auto
– Md. Mehedi Hassan
Nov 27 '18 at 5:38
|
show 5 more comments
0
use this code in your css
#homePage{
overflow-x: hidden !important;
}
answered Nov 27 '18 at 5:38
shaghayegh sheykholeslamishaghayegh sheykholeslami
1887
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
});
}
});
draft saved
draft discarded
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%2f53493222%2fmy-nav-bar-suddenly-scrolls-left-of-the-page-testing-the-get-button-any-idea-w%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
Did you add height and width property into your class? Could you clarify more, what do you want?
answered Nov 27 '18 at 5:26
Md. Mehedi HassanMd. Mehedi Hassan
176
This is a question, not an answer. Please don't add questions or comments as answers.
– Jayce444
Nov 27 '18 at 5:30
1
Well add height & width property along with overflow property
– Md. Mehedi Hassan
Nov 27 '18 at 5:32
I eventually want it to scroll to and remain visible at the top of the Get page. And scroll to the top of he home page and disappear which it does. The ses an the left of the Get page is a test of my visibility script.
– Robert
Nov 27 '18 at 5:33
I did add both to #nav
– Robert
Nov 27 '18 at 5:34
add overflow:auto
– Md. Mehedi Hassan
Nov 27 '18 at 5:38
|
show 5 more comments
0
Did you add height and width property into your class? Could you clarify more, what do you want?
answered Nov 27 '18 at 5:26
Md. Mehedi HassanMd. Mehedi Hassan
176
This is a question, not an answer. Please don't add questions or comments as answers.
– Jayce444
Nov 27 '18 at 5:30
1
Well add height & width property along with overflow property
– Md. Mehedi Hassan
Nov 27 '18 at 5:32
I eventually want it to scroll to and remain visible at the top of the Get page. And scroll to the top of he home page and disappear which it does. The ses an the left of the Get page is a test of my visibility script.
– Robert
Nov 27 '18 at 5:33
I did add both to #nav
– Robert
Nov 27 '18 at 5:34
add overflow:auto
– Md. Mehedi Hassan
Nov 27 '18 at 5:38
|
show 5 more comments
0
0
0
Did you add height and width property into your class? Could you clarify more, what do you want?
answered Nov 27 '18 at 5:26
Md. Mehedi HassanMd. Mehedi Hassan
176
Did you add height and width property into your class? Could you clarify more, what do you want?
answered Nov 27 '18 at 5:26
Md. Mehedi HassanMd. Mehedi Hassan
176
edited Nov 27 '18 at 5:37
answered Nov 27 '18 at 5:26
Md. Mehedi HassanMd. Mehedi Hassan
176
answered Nov 27 '18 at 5:26
Md. Mehedi HassanMd. Mehedi Hassan
176
answered Nov 27 '18 at 5:26
Md. Mehedi HassanMd. Mehedi Hassan
176
176
This is a question, not an answer. Please don't add questions or comments as answers.
– Jayce444
Nov 27 '18 at 5:30
1
Well add height & width property along with overflow property
– Md. Mehedi Hassan
Nov 27 '18 at 5:32
I eventually want it to scroll to and remain visible at the top of the Get page. And scroll to the top of he home page and disappear which it does. The ses an the left of the Get page is a test of my visibility script.
– Robert
Nov 27 '18 at 5:33
I did add both to #nav
– Robert
Nov 27 '18 at 5:34
add overflow:auto
– Md. Mehedi Hassan
Nov 27 '18 at 5:38
|
show 5 more comments
This is a question, not an answer. Please don't add questions or comments as answers.
– Jayce444
Nov 27 '18 at 5:30
1
Well add height & width property along with overflow property
– Md. Mehedi Hassan
Nov 27 '18 at 5:32
I eventually want it to scroll to and remain visible at the top of the Get page. And scroll to the top of he home page and disappear which it does. The ses an the left of the Get page is a test of my visibility script.
– Robert
Nov 27 '18 at 5:33
I did add both to #nav
– Robert
Nov 27 '18 at 5:34
add overflow:auto
– Md. Mehedi Hassan
Nov 27 '18 at 5:38
This is a question, not an answer. Please don't add questions or comments as answers.
– Jayce444
Nov 27 '18 at 5:30
This is a question, not an answer. Please don't add questions or comments as answers.
– Jayce444
Nov 27 '18 at 5:30
1
1
Well add height & width property along with overflow property
– Md. Mehedi Hassan
Nov 27 '18 at 5:32
Well add height & width property along with overflow property
– Md. Mehedi Hassan
Nov 27 '18 at 5:32
I eventually want it to scroll to and remain visible at the top of the Get page. And scroll to the top of he home page and disappear which it does. The ses an the left of the Get page is a test of my visibility script.
– Robert
Nov 27 '18 at 5:33
I eventually want it to scroll to and remain visible at the top of the Get page. And scroll to the top of he home page and disappear which it does. The ses an the left of the Get page is a test of my visibility script.
– Robert
Nov 27 '18 at 5:33
I did add both to #nav
– Robert
Nov 27 '18 at 5:34
I did add both to #nav
– Robert
Nov 27 '18 at 5:34
add overflow:auto
– Md. Mehedi Hassan
Nov 27 '18 at 5:38
add overflow:auto
– Md. Mehedi Hassan
Nov 27 '18 at 5:38
|
show 5 more comments
0
use this code in your css
#homePage{
overflow-x: hidden !important;
}
answered Nov 27 '18 at 5:38
shaghayegh sheykholeslamishaghayegh sheykholeslami
1887
add a comment |
0
use this code in your css
#homePage{
overflow-x: hidden !important;
}
answered Nov 27 '18 at 5:38
shaghayegh sheykholeslamishaghayegh sheykholeslami
1887
add a comment |
0
0
0
use this code in your css
#homePage{
overflow-x: hidden !important;
}
answered Nov 27 '18 at 5:38
shaghayegh sheykholeslamishaghayegh sheykholeslami
1887
use this code in your css
#homePage{
overflow-x: hidden !important;
}
answered Nov 27 '18 at 5:38
shaghayegh sheykholeslamishaghayegh sheykholeslami
1887
answered Nov 27 '18 at 5:38
shaghayegh sheykholeslamishaghayegh sheykholeslami
1887
answered Nov 27 '18 at 5:38
shaghayegh sheykholeslamishaghayegh sheykholeslami
1887
answered Nov 27 '18 at 5:38
shaghayegh sheykholeslamishaghayegh sheykholeslami
1887
1887
add a comment |
add a comment |
draft saved
draft discarded
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.
draft saved
draft discarded
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%2f53493222%2fmy-nav-bar-suddenly-scrolls-left-of-the-page-testing-the-get-button-any-idea-w%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
why your body has a overflow:hidden ?
– shaghayegh sheykholeslami
Nov 27 '18 at 5:26
It works properly in the Chrome Web Maker extension. The Chrome Dev tools found no errors.
– Robert
Nov 27 '18 at 5:27
I was attempting to add it in a variety of places,hoping it would help.
– Robert
Nov 27 '18 at 5:27
I couldn't see your page's problem..there is page without any scroll both in cherome and firefox
– shaghayegh sheykholeslami
Nov 27 '18 at 5:31