Reviews are shown between descriptions and primary page attributes in portrait mode in mobile devices

[Adams]

When users view listing page,Reviews are shown between descriptions, attributes and primary page in vertical portrait mode in mobile devices.
When there are lot of comments, it’s annoying visitors because they want read listing descriptions not comments.

How to solve this in portrait mode. I want reviews are shown in the end of page after vendor profile block.

[yevhen]

Please disable third-party plugins and customizations (if there are any) and check if this issue persists.

If the issue persists and if it is possible please share the link on your website

[Adams]

It’s Hivepress default theme issue. I’ve try this issue with demo site.
Please check below link and screenshot with highlights

https://listinghive.hivepress.io/listing/apple-macbook-pro-15/
—> If one list has 50 reviews and it has 10 customized attributes and you assign attributes to shown in “Primary Page”
Website visitors can’t see attributes at first sight after reading descriptions and they must first read 50 reviews or pass it.

***Actually it’s not standard UI/UX design and reviews must shown at the end of page after descriptions or under vendor profile box in vertical portrait mode on mobile

It happens on vertical portrait mode on tablet and some mobile devices on portrait mode.

[ihor]

Thanks, we’ll fix this as soon as possible, most likely via the Reviews update (e.g. to collapse the Reviews section on mobile and allow expanding it, or moving Reviews to a separate tab).

[Adams]

Thank you, please add it to your high priority update roadmaps for Hivepress reviews plugin.

[workout21com]

Yes, please add this fix. On mobiles it is very important to show listing attributes (price, reply to listing) close to the top of the page.

[Adams]

@ihor please make snippet for this issue to fix this temporarily, because it’s so urgent for mobile devices

[ihor]

A temporary workaround is changing the sidebar/content position on mobile (so sidebar will appear on top), unfortunately there’s no simple snippet for adding the Expand link for reviews on mobile, we’ll try to add it as soon as possible. Please try the suggested CSS fix to change the sidebar position.

[Adams]

Thanks, whats your CSS code for temporary fixing

[yevhen]

Please try this CSS snippet but please note that it can require further customization

@media screen and (max-width: 47.99em){
 .hp-template--listing-view-page .hp-page__content{
		order: 1;
	}
	
	.hp-template--listing-view-page aside{
		order: 0;
	}
}