Quantcast
Channel: Hacks & Code Snippets – Designs 4 The Web
Browsing latest articles
Browse All 35 View Live

Image may be NSFW.
Clik here to view.

How to Fix Divi Submenu From Extending Off The Page

Divi is a great theme for building your WordPress website but one little issue can drive you up a wall! You just finished up your Divi WordPress website ant it’s looking pretty sweet. Time to give it...

View Article



Image may be NSFW.
Clik here to view.

How to Show the Divi Theme Mobile Sub-Menu on Click

Hmmm…which one looks cleaner and easier to use to you? The code below is no longer working as a result of some theme updates to Divi. Please check out this updated post for the working fix. As you can...

View Article

How to Change the Divi Mobile Hamburger to a Different Symbol Once Opened

If you’ve ever stared for hours on end at your Divi theme hamburger menu wondering what was slightly askew…I have the answer for you! I also have the number for a good counselor as well as it would...

View Article

Image may be NSFW.
Clik here to view.

How to Create a WordPress Website 301 Redirect Without A Plugin

If you have recently changed some of your WordPress website page slugs you are going to be disappointed to learn that your new page slugs are leading to 404 errors. If you are interested in optimizing...

View Article

Image may be NSFW.
Clik here to view.

Plugin release: WC Welcome Message for WooCommerce

Designs 4 The Web has released a second new plugin to the WordPress repository. The plugin is aimed a those looking to make a more personalized connection with their WooCommerce store visitors by...

View Article


How to Add a Sticky Header After Scroll

So normally if you want to add a sticky header to a website you simply set the positioning for the element to be fixed right? header { position: fixed; } Done right?  Thanks for dropping by! Wait…you...

View Article

How to Make An Image Grow/Shrink on Hover Using CSS

A great way to let a user know that an image is a link is to create a hover effect.  A lot of developers will use an overlay on hover but I prefer to use an effect that “pops” a bit more.  How about...

View Article

How to Create a Utility Bar Above Header for the Genesis Framework

As I’ve started to exclusively use the Genesis Framework for all of my sites I’ve started to compile a small bag of tricks. Mostly they are quick code snippets that either add/remove or filter...

View Article


Image may be NSFW.
Clik here to view.

UPDATED: How to Collapse/Show the Divi Theme Mobile Menu on Click

Hmmm…which one looks cleaner and easier to use to you? As you can tell, I use the Divi WordPress theme quite a bit for projects.  It’s next-gen builder offers lots of functionality out of the box and...

View Article


Image may be NSFW.
Clik here to view.

How to Add a Font Awesome Icon to the Genesis Header Right Menu

If you are a Genesis Framework user, I’m sure that you are already aware that they included a responsive mobile menu in their last push about a month ago. The issue is that on the desktop version of...

View Article
Browsing latest articles
Browse All 35 View Live




Latest Images