How to put the listings sidebar to the left instead of right?

[Catherine]

Hello,

Is there a way or a snippet to put the sidebar of a listing (see photos) to the left instead of right ?

Because if the sidebar is on the right on desktop view, it appears at the bottom on mobile view and it’s not good for conversion.

[andrii]

Hi,

Using this CSS snippet, you can change the position of this block on the mobile version:

@media only screen and (max-width: 47.99em) {
	.hp-template--listing-view-page .hp-page > .hp-row {
		flex-direction: column-reverse;
}
}

Another option is to use this documentation: How to customize templates - HivePress Help Center to overwrite the template but note that there are limitations.

​I hope this is helpful to you.

[Catherine]

Hello,
I tried the CSS snippet and with a customized template but nothing changes.
Do you have another solution or maybe can you help me find the reason why these 2 solutions didn’t work ?

Thank you !

[andrii]

Hi,

Could you please clarify whether you created a custom template for this page? If so, please send us a link to this page, and we will take a closer look and try to provide a different CSS snippet.

[Catherine]

Hi,
I currently do not use a custom template for this page and the CSS snippet you gave me doesn’t work.
Here’s the link to the page : Loft Jacuzzi - Le vent d’autan - AR.T Valorisation Location
I would like to change the position of the block in every listing page and I don’t care if the position of the block also changes on desktop version.

[andrii]

Hi,

Please send temporary WP access to support@hivepress.io with details for reproducing this issue, and we’ll check it (please send only the link, without login and password). You can create a temporary access link using this plugin Temporary Login Without Password – WordPress plugin | WordPress.org.