Sticky Nav

Permalink Browser Info Environment
I am using the Alpha theme--but my Top Bar Nav (that is the template selected) isn;t sticky like it is on your site, athttp://themes.formigo.co.uk/?theme=Alpha,... meaning, on yours, when you scroll down, the Nav becomes smaller and then sticks to the top.

I'd love that. How can I enable that on my Alpha enabled site?

Type: Discussion
Status: Resolved
View Replies:
formigo replied on at Permalink Reply
formigo
Hi there,

The navigation should stick to the top by default. Looking at your site you have multiple javascript errors from third party add-ons... count.json & jquery.flexslider. Please note these are not from the theme.

We are unable to diagnose any issue with the navigation until you have resolved those issues I am afraid.

Thanks
odexcellence replied on at Permalink Reply
I've been developing this site for months, never once has the nav stuck to the top. I just discovered the behavior on your site when I was browsing for information.

Guys, seriously "unable to diagnose further"? How do we know the issue is caused by JS errors elsewhere?

I love Formigo code/themes/addons but it seems like each issue reported to you is pushed back by you. It's not a good approach.
formigo replied on at Permalink Reply
formigo
The theme works perfectly on all other instances/installs/sites apart from the one where you have javascript errors. This obviously leads us to the fact that the problem is local to you and your code. Not trying to shift blame just citing the facts.

We can not diagnose something that is broken by other add-ons or code outside of the theme. The best thing to do, is to remove the offending scripts and then test to see if it works again.

When there is a bug or issue with any of our code/products we are more than happy to diagnose and fix.
odexcellence replied on at Permalink Reply
Your statement that is working on all other sites is questionable. I didn't even know about this behavior (sticky nav) until recently and I've been using the theme for 8 months. Very well could be others with the same issue albeit unreported.


The add ins you mention ( eg flex slider) are not in each page yet this problem fails in every page.

I understand you can't be responsible for all add ons but in this world we live in with multiple add ons we need developers like formigo to lead the way of resolution. We don't have a hacked together site. It's just several modules that need to work together.

If you can identify something to disable and test we will be happy to do that.


*-----------------------------*
Eric Vaughan



> On Nov 4, 2014, at 01:20, concrete5 Community <[email protected]> wrote:
formigo replied on at Permalink Reply
formigo
Couple of things:

The code in your auto nav template is not right...you have:

<div class="contain-to-grid top-bar-tall">


It should be:

<div class="contain-to-grid sticky ff-transparent">


The code you are using in the auto nav seems to relate to code from the Foundation5 theme which I can see you have also bought. Could you explain?

The 'sticky' class in the nav is what makes it 'sticky' without this it wont work.

Secondly - we are all for other add-ons playing nice together but when they are broken and show errors on the page it is very difficult to work past this, I am sure you can appreciate that.

Please let us know what is going on with your auto nav template and then we can go from there.
odexcellence replied on at Permalink Reply
I did buy both Foundation 5 and Alpha from you, but settled on Alpha. Both are installed. Is that the problem? I left it because F5 installed several useful add-ons.
odexcellence replied on at Permalink Reply
I see--that Top Bar Tall was the Custom Template that I selected for the Auto Nav. I just changed it to Alpha Main Nav. But still not sticky.
odexcellence replied on at Permalink Reply
Disregard, a clear of the cache, and it is not sticky. Thank you. There were several custom templates for the nav and I must have selected the F5 one and that was conflicting.
odexcellence replied on at Permalink Reply 2 Attachments
So, almost there. It is now sticky, however it is dropping down below your white bar, so the nav is below it and that makes it too transparent. See the attached screenshots comparing mine to your default page.
odexcellence replied on at Permalink Reply
Please respond to this.

Also, please note, despite the javascript errors you had noted, the only problem was the incorrect template (from your other theme, foundation 5, also installed) was applied.
formigo replied on at Permalink Reply
formigo
Can you PM us a login to the site.
formigo replied on at Permalink Reply
formigo
After spending best part of an hour going through every third party CSS style sheet on your site (there are lots) I have found that by disabling the Page List Pro CSS renders the autonav as intended. There must be a conflict in there.
odexcellence replied on at Permalink Reply
Thank you for the message.

However, when I delete the panelist pro block now the Nav is no longer sticky. Seehttp://odexcellencedev.com/about/...

With the panelist pro block it remains sticky, but doesn't have the white background as it should instead remains transparent. If all I needed to do was delete pagelist pro and abandon that add-on that would be fine, but it seems to have exacerbated the situation to delete it.

I have PMed you credentials.
formigo replied on at Permalink Reply
formigo
The About page navigation now works fine for me - do you need to clear your site/browser cache?
odexcellence replied on at Permalink Reply
No, I did that. This appears to fail in Safari. Works in Chrome, but is not sticky in Safari.
odexcellence replied on at Permalink Reply
This still fails in Safari. Working in Chrome, but not working in Safari.
formigo replied on at Permalink Reply
formigo
Your site is currently in maintenance mode so the only page we can view the navigation on is /login. It works fine for us in Chrome, Firefox and Safari.
odexcellence replied on at Permalink Reply
I sent you credentials via PM so you can check it out.
formigo replied on at Permalink Reply
formigo
BTW where did the 'top-bar-tall' class in your navigation come from? That is not in our code? Have you added this yourself...

It is worth noting that if change core code in the theme package then potentially you will break things.
odexcellence replied on at Permalink Reply
I did not add that. No idea where it came from. Other than changing colors the theme is as installed.

*-----------------------------*
Eric Vaughan



> On Nov 4, 2014, at 01:25, concrete5 Community <[email protected]> wrote:

concrete5 Environment Information

# concrete5 Version
5.6.3.1

# concrete5 Packages
Alpha (1.0.3), Are You A Human (1.0.1), Blocks by AJAX (2.3.0.3), Code Blocks (1.2.1), CometChat (2.0.3), Dealer Locator (1.5), Designer Content Pro (1.2.2), Designer Content Pro - Custom Block Storage (1.0), Discussion (1.8.6), Document Library (1.6.4), Dynamic Iframe (1.7), Easy Accordion (1.1.2), Easy tabs (1.7.2), eCommerce (2.8.12), Extended Search (1.0), FlexSlider (2.2.0.5), Formigo Slider (1.0.4), Foundation 5 (1.6.0), Google Map Enchanced (1.0.7), Iframe (1.0), Keycaptcha (1.0), Link List (1.05), Link System (1.17), Magic Tabs (1.1.0.1), Magic Toggle (1.1), Maintenance Editor (1.2.2), Page List Pro (0.9.1), PHP block by ND (1.0), Pro Media (7.5.0), reCAPTCHA (0.9.2), Social Feed (1.7), Templates bundle for Blocks by AJAX (1.0), The Void theme (1.0), YouTube Channel (1.3.17), YouTube Pro (1.3.6).

# concrete5 Overrides
blocks/vendor_record, blocks/dcp_vendor, languages/sk_SK, languages/sl_SI, languages/it_IT, languages/ja_JP, languages/nl_NL, languages/es_ES, languages/fa_IR, languages/sv_SE, languages/ru_RU, languages/zh_CN, languages/zh_TW, languages/tr_TR, languages/de_DE, languages/ro_RO, languages/vi_VN, languages/pt_PT, languages/ar, languages/da_DK, languages/es_AR, languages/nb_NO, languages/es_PE, languages/fr_FR, languages/el_GR, languages/cs_CZ, languages/es_MX, languages/fi_FI, languages/he_IL

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.3.29

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, filter, ftp, gd, gettext, hash, htscanner, iconv, imap, intl, ionCube Loader, json, libxml, mbstring, mcrypt, mhash, mysql, mysqli, mysqlnd, openssl, pcre, PDO, pdo_mysql, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, pspell, Reflection, session, SimpleXML, soap, sockets, SPL, SQLite, sqlite3, standard, tidy, tokenizer, xml, xmlreader, xmlrpc, xmlwriter, xsl, Zend Guard Loader, zip, zlib.

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 4000
memory_limit - 512M
post_max_size - 128M
safe_mode - Off
safe_mode_exec_dir - <i>no value</i>
safe_mode_gid - Off
safe_mode_include_dir - <i>no value</i>
sql.safe_mode - Off
upload_max_filesize - 128M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
session.cache_limiter - nocache
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5
safe_mode_allowed_env_vars - PHP_
safe_mode_protected_env_vars - LD_LIBRARY_PATH

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.111 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.