jpwv

To have a folder in the navigation header link directly to a page: First you have to have a page to link to the Not Linked section of your page list. Then you can use the Header code injection. (Home)/ Settings/ Advanced/Code Injection/Header ... paste HTML code. <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script> $(function() { $('.main-nav li a').each(function () { if ($(this).text() == 'Folder1') { $(this).attr('href','http://www.hsustudios.com/page1'); $(this).attr('onclick','true'); } if ($(this).text() == 'Folder2') { $(this).attr('href','http://www.hsustudios.com/page2'); $(this).attr('onclick','true'); } }); }); </script> <!-- note --> for adding invisible notes in html This worked for me in Ishimoto.

Not sure. I did not use the search in header on my website, so I did not investigate it further.It's possible that this code worked for earlier SqSp version. @arthurm above seems to be suggesting adding a search page to your header navigation menu with some added trickery. Or you could just have a page with the search function by itself? Not elegant, but functional.

Not sure. I did not use the search in header on my website, so I did not investigate it further.It's possible that this code worked for earlier SqSp version. @arthurm above seems to be suggesting adding a search page to your header navigation menu with some added trickery. Or you could just have a page with the search function by itself? Not elegant, but functional.

I tried this code and it did put a search block in header. I did not play with trying to position it. Instead I put the search block in footer. Just normal editing to place it there. However, I did make my ishimoto footer full width. <div id="search-wrapper" data-kbjs-widget="search-widget" data-autocomplete="true" data-search-id="nav-search"> <form action="/search-results"> <button type="button" id="search-button"></button> <input type="text" id="nav-search-box" name="q" placeholder="Search"> <p class="search-instructions hidden">Press enter</p> </form>

Be sure you copy the code exactly and do not delete any of the ' marks when you copy your links into it. I suggest making the changes in a text editing window and pasting that into the Header Code Injector. Be sure you are not working on a single page, but the whole site.

No experience with Dovetail. All I can think of is to be sure you are putting this into the HEADER INJECTOR, not the CSS injector. Be sure you capitalize your folder name in exactly the same way you use it in the header. Also be sure the target URL is exactly correct as well.

See the code in the post starting with " Last try: "

Seems to work on an iPad.

This code is incomplete. See later post below beginning with Last Try.This snippet will add folders to the list if you insert it in the right place. See below as well.

This goes between the last single } and the following line }); I hope this is clear now.

if ($(this).text() == 'FolderName') { $(this).attr('href','http://www.TargetWebPage'); $(this).attr('onclick','true'); }

OK. Finally. This is what you paste into the Header Code Injector. Replace FolderName and TargetWebPage with your info. The first line with the < ... > is only a note and will not affect coding if deleted. You can add more folder actions by adding the following code after the last single } .

Last try: <!-- makes navigation folder a clickable link --> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script> $(function() { $('.main-nav li a').each(function () { if ($(this).text() == 'FolderName') { $(this).attr('href','http://www.TargetWebPage'); $(this).attr('onclick','true'); } }); }); </script>

Here is a repost of the code. This bloggish site takes out returns... See the post that begins with Last try....

Paste in code from below. Replacing FolderName with your folder, and TargetWebPage with the page you want the link to open.

You must be sure you are injecting this into the HEADER CODE INJECTOR space for HTML. This is not CSS. To find this space, go to the editing pane where there is a list on the left that starts with PAGES and ends with HELP. Just above Help is the SETTINGS link. Click that, then Advanced, then Code Injector. The Header window injection place should be at the top of the that section.

Move your overview page to the NOT LINKED section of your PAGES list. The problem you are having is because your overview page is in the navigation folder. Everything in that folder will show. This is how I got it to work for me. I don't you will need the added code you quoted above.

This html goes in Settings / Advanced / Code Injection / Header... And it works. Add more sections if you have more folders to include. } if ($(this).text() == 'Folder 2') { $(this).attr('href','http://www.page2'); $(this).attr('onclick','true');

All four lines is the code you need to inject.

$(function() { $('.main-nav li a').each(function () { if ($(this).text() == 'Folder 1') { $(this).attr('href','http://www.page1'); $(this).attr('onclick','true'); } if ($(this).text() == 'Folder 2') { $(this).attr('href','http://www.page2'); $(this).attr('onclick','true'); } }); });

Add this html to the Header code injection. Settings / Advanced / Code Injection / Header ... <script src="http://code.jquery.com/jquery-latest.min.js"></script> Add more sections for more folder (Folder 3....)

silvabokis: The issue is the script and custom css. Are you willing to share?Is this the code you are talking about? http://www.silvabokis.com/news-views/2013/4/10/jvw4vybhjdmquivptb5sbo8tfw3c3q?rq=search

Yes, that is correct. However, having it in the footer can be a temporary work around until you can figure out the trickery you need to get it into the header.

A Search Block can be added to the footer using the standard editing tools.

Go to page, view the page source and find url-slug","id (or "fullurl") The collection ID will be between those two possible search parameters.