I have a Bootstrap dropdown menu that is working fine. What I'd like to do is also trigger the opening of the menu by clicking on a link elsewhere on the page. (This makes sense because of what's in the menu item, etc.) The doc page says that having the link do something like $('.dropdown-toggle').dropdown(), or maybe $('.dropdown-toggle').dropdown('toggle') should do this, but neither is working for me. Any suggestions?
try
$(".dropdown").addClass("open");
and
$(".dropdown").removeClass("open");
Related
The site I'm working on has its main menu in the "Navigation" section in gantry. I have another 2 menus on the page (in the "header" area), though they don't actually link anywhere. They exist as "text separators" that show a module in the dropdown box that shows when the "link" is hovered over (so one is a spyglass that shows the search module in the dropdown).
When i shrink the screen size, gantry eventually causes the menu to disappear an then enables the mobile menu, accessed by the burger button.
The problem is, instead of hiding the actual main menu in the navigation section, it's hiding the first "fake" menu search button in the header section.
I can't see anywhere to set which menu is the one that should be hidden. How do i do this?
Been stuck on this since yesterday. Finally caved and post about it on this site then find the answer 20 minutes later, naturally.
I needed to check the box marked "Mobile Target" on the menu i want to be the one to be hidden. I thought this did something else so never tried using it but it seems so obvious now.
I turned Show Title option for articles to Hide in global settings. So it works for each my page good instead of home page. So the title is still appear, even if I switched it to hide in article that correspond to Home page content.
I suppose maybe something wrong with menu.
So I have next menu:
Home
Photos
Contacts
Each menu content single article, but only Home shows title...
I am using joomla 3
on the screenshot below Home header that I don't need.
on the screenshot below Videos header that set as Show tile in menu item
on the screenshot below Videos header that set as Hide tile in menu item
I am making the same for Home but it does not work the Home tile is still visible.
I tapped on menu items then on home items which is single article:
then I modify visibility options:
save and close - and then update the index page in browser, but nothing happen the header Home is still on the page (
The solution is next:
Click on the “Menus” menu and select “Main Menu”.
Click on the menu item that represents your home page (usually “Home” or something similar)
On the right side, click on “Page Display Options”
Set “Show Page Heading” to “No”
Click on “Save”
http://www.celticwolf.com/blog/2012/09/06/how-to-hide-the-page-heading-in-joomla-2-5/
You have an option to show or hide the title of Articles and also Menus. Usualy is "Home" also the dafault "Frontpage" of the site, having the option to show the title.
Go to Menus -> Default "Home" Menu and under options you should have Show Title and hide it.
This should work, i tested it right now on my page to be sure.
Regards
in joomla 3.x it will be possible by combination of backend settings and source code change.
Login to your joomla control panel.
Go to Global\Articles and turn the "Show Title" and "Article info Title" to Hide.
Go to Global\Menus and turn the "Show Page Heading" to Hide.
Login to your host and go to your public html directory then go to "\templates**[your template]**\html\com_content\article" directory.
open default.php in editor and find
php if $this->params->get('show_page_heading', 1) :
and change the 1 to 0 then save it.
I suggest you to backup default.php file before any changes.
You can disable the Page Heading in the Menu Item options as showed below in my screenshot:
if this don't work, try to go to MENUS - MANAGE - (press the button OPTIONS to the right of the page)
In browser page title press one space , the set the second voice to NO:
Then save and press the REBUILD button.
This happens when you have a multi language site. The "Show Page Heading" option inside the languages home menu doesn´t works at all in this case. It is overrided by the Main Menu home options (that one without any languages assigned to it, that is mandatory in Joomla).
So if you change the "Show Page Heading" option inside the Main Menu home options, it will work.
Bizarre. But, it´s the way that Joomla 3 works.
Iam have some problems with a drop down menu. I have asigned a drop down menu to the menu item "test 1". But when iam on the default page it wont show the drop down menu, when i hover the item. It only works when click on the menu item "test 1".
I need the dropdown menu to be showed, no matter witch page you are watching.
Can some one help me? I guess it is a simple styling, but cant seem to figure it out.
You can see the website here
What module are you using for the menu system?
You may try using a different menu extension that the one being used currently.
It may be a CSS issue.
I tried adding some pages in joomla but the navigation on the left disappears when following the newly add link. Please have a look here and notice the left navigation bar not showing under the "Test Menu Item" (left bottom).
I have literally copied all parameters from another menu item (e.g. "MILIEU") but it doesnt seem to affect the behavior. In stead the "news archive" item is always listed in the left navigation area.
How to remove the news archive link and have the normal navigation shown?
Please help!
Joomla 1.5.25
Check the menu assignment of the module you want to show when a menu item is selected. Check this: http://www.byte.nl/cms/images/joomlatemplatecursus/jt15_5/menu-assignment.jpg
I've put the HTML draft of the theme so far, with minor CSS edits.
Currently I have all the block posts and everything else that's essential to a tumblr theme but I can't seem to get the {HasPages} block to work properly.
I've tested it on a different tumblr, also. There are pages created and I already have provided some basic CSS for it just in case. But there isn't anything showing up.
Has anyone has this problem and if so, is there a solution I'm missing? The code to display the pages is included.
{block:HasPages}
<ul>
<li>Home</li>
{block:Pages}<li>{Label}</li>{/block:Pages}
</ul>
{/block:HasPages}
Also, is this a valid web masters' question. I'm not sure.
I just had this issue: a link to a page I created didn't show up.
I solved this by checking off "Show a Link to this Page" in the Page options. To find this:
Go to tumblr.com.
In the top navigator click the gear. This is where the settings are.
On the side, click on the blog you want to customize.
A customize button should show up beside the name "Theme". Click on this button.
Now your blog will show up with a Customize panel. In the Customize panel there should be a Pages section. Click the Edit button beside the page and a window will pop up.
You can find the "Show a Link to this Page" option in this window.
Let me know if you need any clarification.
As far as I can see your code is right. Have you clicked the 'show a link to this page' checkbox, which is at the bottom of the page edit popup? I bet that's it... :)
I have also been having this problem. However, everything works correctly on my actual page, even though the theme editor does not appear to be aware of the block on my custom theme, nor does the theme preview seem to be aware of the pages tagged to show.
Have you tried saving your theme and checking the links on the live page?