At a glance section showing as one row on mobile

  • Resolved sanddancerdigital

    (@sanddancerdigital)


    2 years, 3 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)

  • 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.