Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am using a push menu on a website. Here is the test link: http://web553.login-15.loginserver.ch/
But the menu shows only the points, that are in the visible area. The site has more navigation items, that would need to be scrolled. But those points are not displayed. How can I make them visible? I believe it some kind of CSS issue.
overflow: hidden is applied to div.panel.
Chrome Dev Tools style view
MDN article on overflow property.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 1 year ago.
Improve this question
I have a responsive website which is hosted here. Whenever I try to reduce the resolution of the screen below 560 px or try to access the website through mobile device, the Calculate button is not shown on the screen. Can someone please help with what the issue could be here.
Add overflow: auto on your main-container class.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I'm working on a website with react.js framework but the scroll bar not appear in normal website the scroll bar appear automatically but in react.js is not, how can do it ??
the problem is in Css html o react components or what?
I don't understand why people says it is not useful question
this little thing can make people crazy.
check if you have the following line somewhere in your css file
overflow: hidden,
Note: If you want to make the div scrollable for mobile devices, make sure you haven't styled this div with
position: fixed.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have been experiencing a strange glitch where my navbar, when clicked does not take the user anywhere despite there being a valid tag.
My site is located at http://www.tsawebmaster1.hhstsa.com/rising/.
This is completely blocking all your scroll anchors, and not only those that have href value set to a hash:
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
Remove the scroll class from them (or modify the code above) and they will work normally.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have 2 columns in a in a div row. The one on the left is my main content and the one on the right is chatroom. I want my users to be able to minimize and open the chatroom I know how to do this part. However when chatroom is Open i want my left column to be col-lg-10 and when chatroom is closed i want it to become col-lg-12. How can I acheive this?
Using jQuery (I see you use Bootstrap already) is quite straightforward:
$(".buttonToggleChat").on("click", function(){
$(".someSpecificClassColumn").toggleClass("col-lg-10 col-lg-12");
// ^^ the same selector you want to toggle 10/12 lg classes
});
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am implementing Snipcart on my site on this page
http://www.system-training.com/store/
In the cart (click to buy)
I am attempting to overwrite the CSS with this style-sheet, but it's not working.
http://www.system-training.com/css/snipcart-overwrite.css
Any ideas?
Use right-click "Inspect element" in Chrome (or equivalent in other browsers) and hover over the element that is not inheriting styles properly. It will illustrate where the styles causing conflict are.