Listing pictures not showing up in mobile view

[Ria]

Hi I added the snippet below to change vendor profile picture to listing pictures when on services page, and it worked however it doesn’t seem to be working when on mobile view. Is there something i’m missing?

add_filter(
	'hivepress/v1/templates/listing_view_block/blocks',
	function( $blocks, $template ) {
		return hivepress()->helper->merge_trees(
			[ 'blocks' => $blocks ],
			[
				'blocks' => [
					'listing_image' => [
						'path' => 'listing/view/block/listing-image',
					],
				],
			]
		)['blocks'];
	},
	1000,
	2
);

[yevhen]

Thank you for waiting. Please try to add this custom CSS code snippet to the Appearance/Customize/Additional CSS field.

@media only screen and (max-width: 47.99em){
	.hp-listing--view-block .hp-listing__header{
		display: block;
	}
}

[Ria]

Hi yevhen,

Thank you for getting back to me. I tried the snippet you gave but it doesnt seem to be working. Am i missing something? Please see pic

[yevhen]

Please try this one instead. If the issue persists please send temporary WP access to support@hivepress.io with details for reproducing this issue and we’ll check it. You can create a temporary access link using this plugin Temporary Login Without Password – WordPress plugin | WordPress.org

@media only screen and (max-width: 47.99em){
	.hp-listing--view-block .hp-listing__header{
		display: block !important;
	}
}

[Ria]

Thank you Yevhen, thats worked!

Is there any way i can change the size of the pictures on both desktop & mobile. At the moment they are circular and quite small, both on desktop and mobile. Please see screenshot of how it looks on desktop

[andrii]

Hi,

Sorry, there’s no simple code snippet for this, it would require a custom implementation. If customizations beyond the available features are required for your site, please consider hiring someone for custom work: Fiverr - Freelance Services Marketplace

[Ria]

Hi andrii,

Okay, no problem. Is there anyway I can change it from a circle to square instead?

[andrii]

Hi,

Yes, please try this CSS snippet:

.hp-listing--view-block .hp-listing__image img {
   border-radius: 0%;
}