-
Sticky menu on scroll
Hi everyone, Was wondering if anyone out in the big wide world could help me with a niggling problem. Ok so I am designing a website for a client. I would like to create a sticky menu that appears only on scroll. This initially is fine as I can easily create a sticky menu that goes to a fixed position on scroll. What I want is something like this (see weblink here): http://themes.muffingroup.com/be/pole/ You see how the menu disappears off the top of the page and then the sticky fixed menu appears after. How on earth did they create this?! Here is the webpage I am currently working on: http://thehmcom.qublu.com/test-page/ I am using WordPress with a Headway theme. I have effectively created two wrappers to act as each menu. The first wrapper (which is for the initial menu) contains the logo and navigation, is transparent and has been assigned the CSS class 'navhead'. The position has also been set to Absolute (so it overlaps the image behind/underneath). The second wrapper (to be used as the sticky menu) has a white background and only the logo centred in it (just to see the difference). This has been assigned the CSS class 'stickytop'. This position has been set to Fixed, at Top 0px. I have added the following script to my header: <script> $(function(){ $(window).scroll(function() { if ($(this).scrollTop() >= -10) { $('navhead').addClass('stickytop'); } else { $('navhead').removeClass('stickytop'); } }); }); </script> The -10 value, I have been playing around with this - positive values, negative values. But nothing seems to be happening. At the moment you can see the 'stickytop' wrapper, but previously I had it hidden - thinking the script will call it into view. Can anyone help me with where I am going wrong? Does anyone have any code to help me out? Many thanks :-)
-
SEO and Multiple Domains, WordPress and Cloudflare
Yeowch! Yeah I was seeing that same result on GTMetrix as well. I think we've been able to resolve some of the issues now though. The Waterfall results don't seem to be showing the same 10 second delay you were experiencing (I hope!) Ok, so I'm using three sources to help me: GTMetrix, Varvy PageSpeed Tool and Google PageSpeed Insights. GTMetrix results are showing fairly good now (PageSpeed at 96%! YSlow at 79%) Varvy is now showing a respectable 86% PageSpeed Insights showing 68 for mobile and 86 for desktop So we are getting there... I've installed a couple of plugins like you recommended: W3 Total Cache, Remove Query and Strings from Static Resources. I've also updated the htaccess file with GZip and Expires Caching. The weird thing is in both Varvy and PageSpeed Insights are still showing that Render Blocking, Browser Caching and some minify with HTML and JS is still needed, even with everything I've installed/changed?? Any ideas or suggestions what could be wrong here? With W3 Total Cache, do I need to sign-up to anything? There are few API key slots it is asking from me, but I'm not sure if all of them are needed? I have created/added a Google PageSpeed API key (I THINK the right one, but not sure!?). GTMetrix is indicating I need to sign-up to a CDN? There seems to be a cost associated to this though... hmmm... my spidey-senses are saying be careful! How important is it to sign-up to a CDN and will this impact on the W3 plugin performance? Apart from that, I feel like I'm finally getting there. Just a few remaining things like optimising images properly and adding Expires Headers (although I thought I done this in the htaccess file???) Cheers again BlueDreamer.
-
SEO and Multiple Domains, WordPress and Cloudflare
Hi BlueDreamer Thanks again for all your help. Mostly everything you've said pretty much makes sense. Not quite sure what the best practice would be for condensing all the javascript and css files. We haven't gone overboard with the number of plugins used, I think 5 or 6 have been used, but these definitely appear to be a major culprit. It was gtmetrix that gave my site the 70% score when performing the site test. I'm fearful of messing about with the css/javascript files for the plugins, in case I break the site! Any advice regarding how to go about doing that? I was a reluctant in giving my site link out on a public forum. But I realise to get the best advice I probably should provide it's link. So here it is: The main domain pointing to the site is: www.getmybusinessdigital.com This redirects to http://create.qublu.com Ideally I'd like getmybusinessdigital to rank on Google. The pages have been set up with keyword phrases using the Yoast plugin on wordpress. But it isn't really ranking at all (due to pagespeed most likely). The site was created by one of our trainees so I'm hoping it is fit for purpose! But any advice you could give I'd really appreciate. Thanks
-
SEO and Multiple Domains, WordPress and Cloudflare
Hi BluDreamer Thanks for your post, that's been really helpful. I do have a few other questions though I'm hoping you can answer? 1. Thanks for clarifying about the multiple domains. I guess the main question I had was how to optimise those extra domains to be search engine ranked? Do you have any advice about that at all? 2. Yup the 70% score is pretty bad. You mention you avoid using WordPress, can I ask what other platforms you use then? Do you use any type of CMS? 3. I'd be happy to provide you the link to our website, just not publicly for reputation purposes. Maybe I could message you the link? Many thanks again.
-
SEO and Multiple Domains, WordPress and Cloudflare
Hi there, I am new to this forum, so hello to everyone o/ I am currently learning about SEO, and I have a couple of questions I hope people here may be able to answer for me. Firstly, I had a website built that currently has several other domains pointing to it. I would like to ask if it is considered good SEO practice to have multiple domains pointing to one central domain (i.e. to my website)? Additionally, how does one optimise a web domain that is used only for redirection purposes and has no physical pages as such to be ranked? Currently my website is not ranking on Google and the PageSpeed tests have come back quite poor - current score is 70%. Obviously I would like to improve this. The test results indicate that the compression is one of the major factors for the slow speed and poor SEO ranking. In my learning (currently using the tutorials on Moz.com), the Cloudflare platform has been mentioned a few times as an option for easily handling compression issues and improving PageSpeed results. Is this true? Is it good practice to use a third party facility such as CloudFlare to handle this, or should this really be addressed onsite? Interested to know your thoughts. Lastly, I have also come across conflicting articles arguing that WordPress causes a hindrance to successful SEO ranking and results. Again is this correct - does WordPress impact negatively on SEO results? Many thanks everyone for your kind input and for reading my post Regards, LondonAde