• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Full Width Image Block Revolution Pro Front Page

This tutorial shows you how to make the windows image block ( first image ) added using Gutenberg in the Revolution Pro themes front page extend to the full width of the site container or screen rather than only extending to the content sidebar wrap like this:

Full Width of Content Sidebar Wrap
Full Width of Content
Full Width of Screen Site Container
Full Width of Screen

The default mage only displays the width of the header and nav menu container whereas both solutions in this tutorial show you how to display your image the full width of the browser window or what some people call full screen width.

Note : You can use solution 2 to make any image on any page full screen width.

Demo Video #

Shows the windows image displaying full width.

There’s 2 ways to do this and both produce exactly the same result as what’s shown in the demo video.

Installation

Solution 1 – There’s 2 steps :

Register for full access

Related Tutorials

  • Replace Image With Slider In Revolution Pro Themes Home Page

After Header Image Gutenberg Revolution Pro Theme

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.