# Two-Column Layout for Listings in Mobile View **URL:** \ **Category:** HivePress\ **Tags:** code\ **Created:** [October 21, 2024, 3:16pm UTC](https://community.hivepress.io/t/two-column-layout-for-listings-in-mobile-view/12600 "2024-10-21T15:16:42Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![quickbzz2024](https://community.hivepress.io/user_avatar/community.hivepress.io/quickbzz2024/32/11002_2.png) [@quickbzz2024](https://community.hivepress.io/u/quickbzz2024)\ **Post date:** [October 21, 2024, 3:16pm UTC](https://community.hivepress.io/t/two-column-layout-for-listings-in-mobile-view/12600/1 "2024-10-21T15:16:43Z")
Hello HivePress Community, I hope you’re doing well! I wanted to bring attention to the fact that a significant portion of users today primarily access websites through mobile devices. Given this trend, it would be beneficial to implement a two-column layout for listings in mobile view. Currently, the single-column layout appears too large on mobile devices, making it less user-friendly. A two-column layout would enhance the browsing experience, allowing users to see more listings at a glance and improving overall accessibility. Any guidance or solutions on how to achieve this would be greatly appreciated! ---
**Author:** ![andrii](https://community.hivepress.io/user_avatar/community.hivepress.io/andrii/32/2951_2.png) [@andrii](https://community.hivepress.io/u/andrii)\ **Post date:** [October 22, 2024, 5:03pm UTC](https://community.hivepress.io/t/two-column-layout-for-listings-in-mobile-view/12600/5 "2024-10-22T17:03:15Z")
Hi, Yes, this can be done, but please note that it will require CSS tweaks, and it also depends on the number of attributes. We can provide a starter CSS snippet, but please note that this will require further advanced customization. ---
**Author:** ![Arthur](https://community.hivepress.io/letter_avatar_proxy/v4/letter/a/958977/32.png) [@Arthur](https://community.hivepress.io/u/Arthur)\ **Post date:** [November 1, 2024, 3:42pm UTC](https://community.hivepress.io/t/two-column-layout-for-listings-in-mobile-view/12600/6 "2024-11-01T15:42:54Z")
Hello @andrii , I am currently experiencing the same issue. I have tried with a custom CSS and the listings look a bit better (smaller boxes) on mobile, but I cannot make it display 2 columns instead of one. Can you please share the CSS snippet for this? Thanks a lot! ---
**Author:** ![andrii](https://community.hivepress.io/user_avatar/community.hivepress.io/andrii/32/2951_2.png) [@andrii](https://community.hivepress.io/u/andrii)\ **Post date:** [November 4, 2024, 1:02pm UTC](https://community.hivepress.io/t/two-column-layout-for-listings-in-mobile-view/12600/9 "2024-11-04T13:02:01Z")
Hi, Please use this CSS snippet: ```auto @media only screen and (max-width: 48em) { .home .hp-listings .hp-grid__item {flex-basis:50%; max-width:50%} } ``` Please note that it can require further customization. ​I hope this is helpful to you. ---
**Author:** ![Arthur](https://community.hivepress.io/letter_avatar_proxy/v4/letter/a/958977/32.png) [@Arthur](https://community.hivepress.io/u/Arthur)\ **Post date:** [November 14, 2024, 10:00pm UTC](https://community.hivepress.io/t/two-column-layout-for-listings-in-mobile-view/12600/10 "2024-11-14T22:00:13Z")
Hi andrii, Thank you for the help! Unfortunately, this doesn’t look like it fixed it, at least not in the mobile view of Wordpress. ---
**Author:** ![andrii](https://community.hivepress.io/user_avatar/community.hivepress.io/andrii/32/2951_2.png) [@andrii](https://community.hivepress.io/u/andrii)\ **Post date:** [November 15, 2024, 1:44pm UTC](https://community.hivepress.io/t/two-column-layout-for-listings-in-mobile-view/12600/14 "2024-11-15T13:44:19Z")
Hi, We checked this snippet from our side, and it seems okay. Please make sure you add the CSS snippet using this documentation: [How to add custom code snippets - HivePress Help Center](https://help.hivepress.io/article/23-how-to-add-custom-code-snippets) You should see changes like in this screenshot: [Awesome Screenshot](https://www.awesomescreenshot.com/image/51586964?key=b4c2ec09fcc5f378fec061da0d7ced99) ---
**Author:** ![system](https://community.hivepress.io/user_avatar/community.hivepress.io/system/32/13990_2.png) [@system](https://community.hivepress.io/u/system)\ **Post date:** [December 15, 2024, 1:44pm UTC](https://community.hivepress.io/t/two-column-layout-for-listings-in-mobile-view/12600/15 "2024-12-15T13:44:31Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed. ---
**Author:** ![Deroy](https://community.hivepress.io/letter_avatar_proxy/v4/letter/d/6a8cbe/32.png) [@Deroy](https://community.hivepress.io/u/Deroy)\ **Post date:** [April 16, 2025, 7:24am UTC](https://community.hivepress.io/t/two-column-layout-for-listings-in-mobile-view/12600/16 "2025-04-16T07:24:02Z")
Hello. Does anyone know if there is an option to display ads in two columns next to each other in the page view on a mobile device (phone) and not in one column as it is intended? Can this be edited somewhere? ---
**Author:** ![andrii](https://community.hivepress.io/user_avatar/community.hivepress.io/andrii/32/2951_2.png) [@andrii](https://community.hivepress.io/u/andrii)\ **Post date:** [April 16, 2025, 10:18am UTC](https://community.hivepress.io/t/two-column-layout-for-listings-in-mobile-view/12600/19 "2025-04-16T10:18:31Z")
Hi, Please check this [solution](https://community.hivepress.io/t/two-column-layout-for-listings-in-mobile-view/12600/6). ​I hope this is helpful to you