At a glance section showing as one row on mobile

Resolved sanddancerdigital
(@sanddancerdigital)

1 year, 8 months ago

Hi there. I have a slight problem with the styling of the listings page on mobile. In the mobile preview in Chrome, the ‘at a glance’ section falls onto two rows, with millage and transmission type on the first row (50% width each) and the body type on the second row (full width).

On an actual mobile device, however, it shows in three columns (33% width each). This forces long words like ‘automatic’ onto two lines and knocks all the alignment out. Is there anything I can do with custom CSS to resolve this and make it appear like it does in the Chrome preview?

Thank you

The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

(@longnguyen89)

Hi,

You can add this custom CSS code to Appearance > Customize > Additional CSS to fix the issue

@media (max-width: 767px) {
	.listing-no-sidebar .auto-listings-items:not(.grid-view) .at-a-glance ul li {
		width: 50%;
	}

	.listing-no-sidebar .auto-listings-items:not(.grid-view) .at-a-glance ul li:nth-child(3) {
		width: 100%;
	}
}

Let me know how it goes.

Viewing 1 replies (of 1 total)

The topic ‘At a glance section showing as one row on mobile’ is closed to new replies.

Tags