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
The dropdown menu in my main menu (desktop) will not work when clicking on it. The dropdown menu (mobile), which is the entire menu, won't appear at all when clicking on the hamburger menu icon. Why won't it appear?
I've already tried changing the z-index of the header using some code I got from other questions and answers. I don't know how to code so I'm not sure I did it right, and the z-index may still be an issue.
I am using Wordpress and the Elementor plugin to build my website. The theme I am using is called NeoTech, built by DeoThemes. My website is buenavistamag.com.
I just want the dropdown menus to work so my visitors can navigate my website properly. Can anyone help?
Your dropown menu is working but not showing. Because, you need to remove overflow:hidden from header element.
From my observation, you have created the menu. Invoke your menu options in menu editor via Appearance>Menu tab in WP-Admin
SampleForDropdown
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 7 years ago.
Improve this question
hi there how can create a custom sidebar menu in bootstrap or foundation
exact like this site:
http://zurb.com/word
I found one in here via boostrap.
enter link description here
it's like first one but it open over page. I want body be resize (not hidden or overflow)
another example is w3schools.com menu side.
The bootstrap one IS resizing the page when you click the button at the top. It only covers the page when you hover. To get exactly what ZURB.com is doing, you can use the bootstrap template that you linked, and add some jquery like this: (I got this jquery by modifying the sidebar js file form the bootstrap page that you linked.)
$("#sidebar-wrapper").hover(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled-2");
$('#menu ul').hide();
});
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'm planning a website and wondering what the best way to create the following item is in CSS:
I want a triangle to appear beneath an item in the menu bar, but the horizontal position of the triangle will change depending on which page the user is currently on (it will highlight the currently viewing menu item)
Is there a way to do this dynamic positioning with just CSS?
All you need to do is download Bootstrap, and create a >div element for your navbar, which you probably already have. Then you need to identify each list item in all your navbar pages as >active, so it gets similar highlights to that of what you want.
To add triangles, you'll need a special CSS class or a downloaded theme.
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
Hi I just set up a website and I placed some other webpage inside to check what looks like. When looking at webpages, on 2 of the pages the moves to the right for some reason. Just wondering if anyone had any thoughts why the heading is moving only on these 2 pages and not the other 2.
If you wanted to view my problem its on teamnews.org if you click on "tours" then on "about" the header moves to the right slightly on "about" page.
Its because of your scroll bar on the right side. Add this to the first two pages.
body{
overflow-y: scroll;
}
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 8 years ago.
Improve this question
I was working on this site for its mobile responsivenes.after a few css edits I managed to make it responsive.I tested in different browsers.its working fine but not in mozilla firefox.when we scroll down to the bottom of the page it shows a horizontal scrollbar.just in mozilla.then i figured out its the issue with menu so i changed the css to following
ul#menu-main{overflow:hidden;}
it solved the issue but the dropdown menu was not showing which was showing before i changed the above css.so I reveretd back.
is there any other css to make it responsive in mozilla without hiding the dropdown submenu? thanks!!
I believe this might be the solution to the problem. In the container div, instead of using overflow:auto, use overflow:hidden.
I inspected and checked with firebug and it worked for me
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I have a navigation menu in my web page, and i want to show a button instead of these menu-bar when browser size below certain level (below some size) And vice verse . I need the code.
how it works ? Is it pure CSS or i need to apply any java script/ code
here is the example web page Sample site
above is the sample page . if u change the size of the browser (about half ) u will see a menu button on top-right corner. and if u maximize it will disappears and shows the menu-bar instead of that(menu button)
Here is the solution to your problem.
Demo : courtesy Osvaldas dot info
This tutorials will help you to learn about responsive designing and also to get a menu the way you want.
Link
courtesy: Coder's Guide