Resize a grid according to theme

  • Resolved shubharup

    (@shubharup)


    5 years ago

    So when the page (link attached) is viewed on a phone (EDIT: in portrait mode), the names don’t come out looking too good because the last letter or two gets pushed to the next line.

    I’ll be happy if either the text or total dimensions of each product listing (text and thumbnails) could be reduced statically (assign a value) or dynamically (according to the viewer’s device) to accommodate proper text formatting.

    Alternatively, if the grid had 2 columns instead of 3, I think that’d work too.

    Help would be appreciated ??

    • This topic was modified 5 years ago by shubharup. Reason: Checked horizontal orientation on my phone, works okay

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @shubharup

    Thanks for the web page link. Please add below CSS to WordPress Customizer > Custom CSS and save it.

    @media only screen and (max-width: 760px) {
	.edd_downloads_list .edd_download{
		margin-bottom: 20px;
	}
	.edd_downloads_list .edd_download_inner{
		text-align: center;
	}
}

@media only screen and (max-width: 667px) {
	.edd_downloads_list .edd_download{
		width: 50%;
	}
}

@media only screen and (max-width: 480px) {
	.edd_downloads_list .edd_download{
		width: 100%;
	}
}
    Thread Starter shubharup

    (@shubharup)

    Looking good, thank you ??

    • This reply was modified 4 years, 12 months ago by shubharup. Reason: problem resolved
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Resize a grid according to theme’ is closed to new replies.