Hi Carlos,

We can do this custom work (different hero image on mobile) for a fee if you are interested or you can implement it yourself - we can give pointers on how and what to change. Let us know.

Hi,

so: 1. first thing is to add in /include/metabox-config.php am option for mobile hero image for portfolio items. After the actual hero image. For example

array(
'id'        => 'humpton-opt-portfolio-hero-img-nobile',
                'type'      => 'media',
                'url'       => true,
                'title'     => esc_html__('Hero Image For Mobile', 'humpton'),
                'desc'      => esc_html__('Upload hero background image. The hero image is the fullscreen image in hero section. Hero section is the header section displayed at the top of the individual project page.', 'humpton'),
                'default'   => array(),
            ),

2. in /include/hero-properties.php use wp_is_mobile() function to distinguisl between the two

instead

$this->image = humpton_get_post_meta( HUMPTON_THEME_OPTIONS, $this->post_id, 'humpton-opt-portfolio-hero-img' );

use

if( wp_is_mobile() ){

       $this->image = humpton_get_post_meta( HUMPTON_THEME_OPTIONS, $this->post_id, 'humpton-opt-portfolio-hero-img-mobile' );

}

else {

        $this->image = humpton_get_post_meta( HUMPTON_THEME_OPTIONS, $this->post_id, 'humpton-opt-portfolio-hero-img' );

}

I think that should  be enough.

Hi Carlos, the modifications I mentioned in my prev comment should be made in the parent theme

The changes are in the parent theme and can be merged after the upgrade to a new version.

the difficulty is that you cannot split the /include/metabox-config.php and /include/hero-properties.php.

if you figure out a better solution, plz go ahead and implement it hust use the changes we made

If you implemented it properly you should find in portfolio item options underneath the hero image. Also plz write in English as it is the only language our support team is using.

Hi Carlos yes you can change the prev code so that when the mobile image is not found will display the desktop image

if( wp_is_mobile() ){

       $this->image = humpton_get_post_meta( HUMPTON_THEME_OPTIONS, $this->post_id, 'humpton-opt-portfolio-hero-img-mobile' );

       if( !$this->image ){

           // if the mobile image is not found, use the desktop image  

           $this->image = humpton_get_post_meta( HUMPTON_THEME_OPTIONS, $this->post_id, 'humpton-opt-portfolio-hero-img' );

      }

}

else {

        $this->image = humpton_get_post_meta( HUMPTON_THEME_OPTIONS, $this->post_id, 'humpton-opt-portfolio-hero-img' );

}