Make Bootstrap 4 dropdowns appear on hover

Bootstrap is awesome. I seriously love it and always use it for project builds. And that’s either Bootstrap 3 or 4 – whatever the projects require, I’ll usually always go with BS. When it comes to dropdowns, especially so in navigation menus, I always prefer dropdown submenus to appear on hover. By default, this is … Continued

Make Bootstrap nav dropdown appear on hover

Both Bootstrap version 3 & 4’s default navigation has nav menus toggled on click enabled by default — you have to actually click the parent item to have them open/show the sub-menu, and click again to them shut.  This is fine for some applications, but the default behaviour of most navigations is to show the … Continued

Image Zoom on hover with pure CSS

Here’s a short snippet for getting a nice fancy zoom when hovering over an image using purely CSS3. Here’s an example:   and here’s the code: You simply need to add the class ‘img-zoom’ to any image’s container to get the effect.   Feel free to play about with the values in the zoom to … Continued

Remove white space from Google Conversion iFrame

I noticed recently that Google’s conversion tracking code, usually found in the footer, has a set height of 13px as an iframe. This creates an annoying white space in your sites footer. When your footer is anything but white, it creates a 13px high gap underneath your footer which looks rather out of line with … Continued

Make Div Full Height Of Device Display Size

Previously, I wrote a short post with a snippet to allow full-size CSS backgrounds. This is great and I use it all the time, but this method will stretch the image background to the max width, thus height is in proportion to the width. What this means, is that landscape images will perfectly fit the … Continued

5 Simple Tweaks To Boost Your Website Conversion

I love website conversion and find myself becoming more and more intrigued with attempting to master this fine art. It blends design, psychology, user experience, development and combines a deep understanding of how people actually use the internet and how they read webpages. Overall, it’s pretty interesting stuff. During the course of my studies, I’ve … Continued

Full-Width Backgrounds Using CSS Cover

More and more, I see websites with large image backgrounds that completely fill the screen size. I really like these and here’s how to achieve it simply using CSS: That’s it! Obviously you need to change the Div name and background image/path to suit but you’re good to go.