Mobile featured image caption overlap

This code for search causing the duplicate
Search icon

// search text
add_filter( 'generate_navigation_search_output', function() {
    printf(
        '<form method="get" class="search-form navigation-search" action="%1$s">
            <input type="search" placeholder="Enter your search" class="search-field" value="%2$s" name="s" title="%3$s" />
        </form>',
        esc_url( home_url( '/' ) ),
        esc_attr( get_search_query() ),
        esc_attr_x( 'Search', 'label', 'generatepress' ) 
    ); 
} );

Hi Fredparson,

I’m not seeing a Featured image in your posts. Are you disabling them through a Layout Element?

The other icon seems to be coming from font-awesome, probably from a plugin - most likely the reviews plugin. Can you try #1 here?: https://docs.generatepress.com/article/debugging-tips/

It would be good to take a backup of your site before doing so.

Kindly let us know how it goes.

Yes the featured image are mobile only you should be able to see in browser responsive mode.

How do you stop another plugin from affecting thT element display:none?

I see. Yes, you can use display:none;. Here’s a couple of CSS codes you may want to try adding through Appearance > Customize > Additional CSS:

.wp-caption.thumb-caption {
    line-height: 1.5;
}

.gp-icon::before {
    display: none;
}

Hope this helps!

That worked great thanks

You’re welcome Fredparson!