How to display listing attributes in a single column

Describe the issue in as much detail as possible. Please remove the sections below if the issue is obvious enough and doesn’t require extra details.

Steps to reproduce

When i input the booking attributes and test a booking to see how it displays

Actual result

The attribute display looks clustered and scattered on the mobile version

Expected result

Can you give me a snippet for Display booking attributes in a single column on preview of booking below

Extra details

image

Hi,
Please try this CSS snippet:

@media only screen and (max-width: 48em) { 
.hp-listing__attributes--secondary .hp-listing__attribute {
   display: flex;
   flex-direction: column;
 }
}

Please note that it would require a custom implementation in the future.
If customizations are required for your site, please try customizing it using the collection of code snippets Search · user:hivepress · GitHub and other developer resources, or consider hiring someone for custom work https://fvrr.co/32e7LvY

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.