Help

Current version by: Eric Doster

Text:

iFixit has a custom html page (in that example screenshot) so it's not a very apples-to-apples comparison. However, you can accomplish your desired look via custom css.
Here's an example of what I got by modifying the existing styles:
[image|130345]
-== Updated CSS ==
+=== Updated CSS ===
+
[code]
@media (max-width: 599px) {
.categoryListCell, .blurbListCell {
width: 48% !important;
float: left !important;
margin-right: 8px !important;
margin-bottom: 10px !important;
}
}
[/code]

Status:

open

Edit by: Eric Doster

Text:

iFixit has a custom html page (in that example screenshot) so it's not a very apples-to-apples comparison. However, you can accomplish your desired look via custom css.
Here's an example of what I got by modifying the existing styles:
[image|130345]
+== Updated CSS ==
[code]
-@media only screen and (max-width: 599px)
-.categoryListCell, .categoryImage {
-/* width: auto; */ <-- commented out
-/* height: auto; */ <-- commented out
+@media (max-width: 599px) {
+.categoryListCell, .blurbListCell {
+ width: 48% !important;
+ float: left !important;
+ margin-right: 8px !important;
+ margin-bottom: 10px !important;
}
-
-@media only screen and (max-width: 599px)
-.categoryListCell, .blurbListCell {
-width: 48%; <-- new style
-/* float: none; */ <-- commented out
-/* margin: 0 auto 24px; */ <-- commented out
-}[/code]
+}
+[/code]

Status:

open

Edit by: Eric Doster

Text:

iFixit has a custom html page (in that example screenshot) so it's not a very apples-to-apples comparison. However, you can accomplish your desired look via custom css.
Here's an example of what I got by modifying the existing styles:
[image|130345]
+[code]
@media only screen and (max-width: 599px)
-
.categoryListCell, .categoryImage {
-
/* width: auto; */ <-- commented out
-
/* height: auto; */ <-- commented out
-
}
@media only screen and (max-width: 599px)
-
.categoryListCell, .blurbListCell {
-
width: 48%; <-- new style
-
/* float: none; */ <-- commented out
-
/* margin: 0 auto 24px; */ <-- commented out
-
-}
+}[/code]

Status:

open

Original post by: Eric Doster

Text:

iFixit has a custom html page (in that example screenshot) so it's not a very apples-to-apples comparison. However, you can accomplish your desired look via custom css.

Here's an example of what I got by modifying the existing styles:

[image|130345]

@media only screen and (max-width: 599px)

.categoryListCell, .categoryImage {

/* width: auto; */  <-- commented out

/* height: auto; */ <-- commented out

}

@media only screen and (max-width: 599px)

.categoryListCell, .blurbListCell {

width: 48%; <-- new style

/* float: none; */ <-- commented out

/* margin: 0 auto 24px; */ <-- commented out

}

Status:

open
TRUSTe