When I click on the point A the drop-down menu appears, but when I tap on point B(see photo) it doesn't and appears but it redirects to a blank page. the photo link is attached
https://drive.google.com/file/d/1cCCO7XthdYpuLoStj-jqgFuc6Ckssubs/view
The Dropdown menu should also appear by clicking the text(JEE)
here is the XML code of my template
https://drive.google.com/open?id=1WTVVltq1ucpOnIRWW_qyw84y6w9VZBeE
Hey there, its a normal thing to implement.
According to your question, I guess that you are working on a custom
coded theme and I assume you can code easily in header.php
Her is a plugin : jQuery Accordion MenuJQuery Accordion Menu Widget
(JQuery Accordion Menu Widget)
This plugin will add a widget in Appeareance > Widgets.
Step 1 : Create a dynamic sidebar and load this widget within that and
set all settings.
Step 2 : Go to header.php and create 2 div within a parent div.
like,
Step 3 : Load your dynamic_sidebar() in div.menu-code
Step 4: Add a hanburger icon in div.icon-hamborger
Step 5: show div.mobile-menu-container in mobile size ( <=768px ) only
Step 6 : Hide div.menu-code on load and show div.icon-hamburger only
Step 7 : code within jQuery, if you click on hamburger-icon, that will
show div.menu-code with a sliding effect
That's all.
Good luck ;)
https://www.quora.com/How-do-I-make-my-menu-as-a-drop-down-in-mobile-mode
Related
I have a sidebar router-view element in my app.vue that is optional next to my "regular" router-view element. Now this sidebar has a transition effect when it opens and now I'm also trying to add sliding transitions when navigating within this sidebar. The idea is that this should work like in the iOS Agenda app:
I'm adding a transitionName depending on $route.to and $route.from but I'm not seeing how I'm getting the effect I want the way my template is structured now.
I've set up a sandbox here: https://codesandbox.io/s/vuepoc-etqvg
Click "Go to Day x"
Click on "Details" and de sidebar opens (works!)
Click on "Expenses" in de sidebar (Looks like it only needs overflow: hidden but didn't work for me)
Click on "Back" (This doesn't work at all..)
Is there someone that can give me a kick in the right direction? Am I on the right track? Should I structure my html/css differently? Or maybe even change the way I structure my routes and put the sidebar somewhere else?
I'm trying to implement a dropdown with an input but whenever I try to click the dropdown, it overlaps to the other row of the table since the inputs are inside the table. Please see my screenshot below.
Screenshot:
Note: This is pure bootstrap 3, and didn't add any customization yet.
User would be initially shown a screen with a card placeholder. There would be a plus button on the card.
On clicking the plus button, the user would be prompted to select an image.
Once the user selects an image, it would be shown in place of the card and a new placeholder card would be generated with a plus icon.
Each image card would have a close button which on click should remove that particular image from the list.
please help me how to approach this above problem
here you can find very basic and simple implementation: ngRepeat error when removing child directive from parent directive. And here is my modifies version: http://codepen.io/anon/pen/mrZOre?editors=1010
I am using Wordpress and the Underscores starter theme to build a website for a client. The landing page is a one-pager with a navigation menu that slides to the correct section with anchor tags.
The issue is that for the first section the navigation link's "current" class doen't activate until I click the "home" link itself (the page doesn't move, only the class activates) or scroll a bit down. In the html the "home" section seems on the top of the viewport, so it should be activated on landing. Any ideas?
You can add current class when page is loaded
$('.main-menu li:first-child').addClass('current');
Or event check if there is no selected items:
if ($('.main-menu .current').length == 0)
$('.main-menu li:first-child').addClass('current');
You can trigger that with js jquery, somehting like
$('.yourFirstMenuElement').click();
I am trying to edit my wordpress page to make every menu item at the top of the page two lines long with the top line being a single word (ie: Home, About, etc.) and another line in a different font underneath each item (ie: "Read about us" underneath "About").
Here is an example of what I mean:
http://images.sixrevisions.com/2009/04/13-26_css_block_menu.png
I am aware that this is achieved in some way by using the 'Description' box on the Wordpress menu screen, and I have checked the 'show descriptions' box, but I'm unable to get it to display correctly.
Any help is greatly appreciated!
You do this by creating a custom walker which extends the Walker_Nav_Menu class - here's a good tutorial on it;
http://www.kriesi.at/archives/improve-your-wordpress-navigation-menu-output