The Problem

The height of your image is determined by a default header height setting which is cropping it to 520px.

This is considered a modification, and is provided as-is. We expect you understand what you are doing if applying coding changes using these or other WordPress tutorials. Make a backup of your existing file so you can replace it if something goes wrong and you need to start over. Modified files WILL probably be replaced by a theme update at some point, so keep note of your changes for future reference or see our guides below. We cannot assist you with modifying your theme or support problems you encounter as a result!

If you are modifying a theme as part of a client project, the following are really important!

How to Modify Your Theme the Right Way
How to Track Update Changes and Maintain Modifications

 

The Solution

  1. Go to Plugins → Add New and earch for “Solid Code Theme Editor” and install/activate it.
  2. Go to Appearance → SC Theme Editor and then expand “ocmx” on the right side and expand “theme-setup.” Click on the theme-support.php link to view the file contents on the left.
  3. Locate the section titled /// Add support for custom headers
  4. In that code string, you will see a height variable like this:
    /// Add support for custom headers
    $headerargs = array( 'wp-head-callback' => 'ocmx_header_style', 'admin-head-callback' => 'ocmx_admin_header_style', 'width' => '2000', 'height' => '520',
  5. Change it to 635:
    /// Add support for custom headers
    $headerargs = array( 'wp-head-callback' => 'ocmx_header_style', 'admin-head-callback' => 'ocmx_admin_header_style', 'width' => '2000', 'height' => '635',
  6. Be careful not to remove a quote or comma. Save your changes, then return to Appearance > Header, click Select File, then locate your image to select it. This time it should set the crop at 635.

 


WooCommerce