Pop Up with SoulSections

Out of the box SoulSections already gives you a few ways. What I wanted was a popup that was triggered by opening the page. By using Combination-G (a preset in SoulSections, you’ll find it under rows > columns > SoulSection Combinations) and adding a few lines of JavaScript this is easily achieved.

Read More

The Holy Grail of beaver Builder Row Shape Effects!

I’ve always struggled to achieve really beautiful row shapes in beaver Builder without extra code, or SVG backgrounds. That is until recently when I just started to think out the box. Check out how to make stunning row shapes in Beaver Builder.

Read More

Show A Beaver Themer Header On Scroll Up

Beaver Themer comes with a few preset options. You can make it transparent, have it fixed on scroll up and down, and shrink on scroll too. There isn’t is an option to have it appear on up scroll only, but it only needs a small snippet of JavaScript and CSS. Notes Rather that referencing a…

Read More

Hide header on scroll down, show on scroll up

Fixed headers are fairly common nowadays with big name brands like Facebook, Twitter, Google, LinkedIn, and others using this pattern. It’s easy to carelessly copy them without any thought to improving on the pattern, but perhaps we should rethink that. More and more people are using mobile phones where screen real estate is a commodity.…

Read More

How to add Logo to Off-Canvas Advanced Menu? (powerpack)

Logo’s are the identity of the brand and it becomes really important to properly display them on the website. PowerPack’s Advanced Menu provides an option to add the logo to it via using the WordPress Hooks. Follow the following steps to add the logo to Off-Canvas Advanced Menu on your site:-

Read More