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

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems