After Header Image

Refined Pro – Replace After Header Desktop Image With Different Image For Mobile Screens – WordPress Website Design Article

Need Code? – Request a Tutorial This tutorial extends this tutorial by enabling you to replace the default after header image with a different image for mobiles. Here’s the before ( desktop ) & after ( mobile ) screenshots : Desktop Mobile Demo Video # Shows the desktop.png image replaced on mobile screens smaller than 800px in width with an image named mobile.png. Tested using the Refined Pro child theme for Genesis. Code Installation # There’s 2 steps : Related…

Read More

Genesis Sample Theme – Custom Archive Page Template With Different Hero Images – WordPress Website Design Article

This template enables you to display each archive page using a unique image behind the archive title and site header elements like this : In this example, the image is added using custom fields. The template can be used on any/all archive page types. Demo Video # Shows a unique hero image displayed behind the site header and archive title. On scroll, the background color for the site header changes from transparent to white. Tested using the Genesis Sample child…

Read More