Skip to main content
Help

Current version by: Kristen Sowatsky

Title:

Arranging categories into 2 columns in Responsive view/design

Text:

In responsive view, I would like to arrange categories to 2 columns as shown in left image.

Categories on all pages.

For normal sites, it looks 1 column like on the right in image. iFixit accomplished this on the main page but would like  for all category navigation.

Appreciate if you can post .Responsive CSS to arrange categories or arrange it like Mobile App view.

Something like this

<if is="@enableResponsive">

@media (max-width:@maxResponsiveNarrowWidth/2)

{

.Responsive .CategoryList

{

text-align: center;

}

}

</if>

Thank you,

[image|130282]

Category:

-Responsive css help
+Guide Authoring

Discussion Topic:

No

Status:

open

Accepted Answer:

65161

Edit by: bryan ware

Title:

Arranging categories into 2 columns in Responsive view/design

Text:

In responsive view, I would like to arrange categories to 2 columns as shown in left image.
Categories on all pages.
For normal sites, it looks 1 column like on the right in image. iFixit accomplished this on the main page but would like for all category navigation.
Appreciate if you can post .Responsive CSS to arrange categories or arrange it like Mobile App view.
Something like this
<if is="@enableResponsive">
+
@media (max-width:@maxResponsiveNarrowWidth/2)
+
{
+
.Responsive .CategoryList
+
{
+
text-align: center;
+
}
+
}
+
</if>
Thank you,
[image|130282]

Category:

Responsive css help

Discussion Topic:

No

Status:

open

Accepted Answer:

+65161

Edit by: bryan ware

Title:

Arranging categories into 2 columns in Responsive view/design

Text:

In responsive view, I would like to arrange categories to 2 columns as shown in left image.
Categories on all pages.
For normal sites, it looks 1 column like on the right in image. iFixit accomplished this on the main page but would like for all category navigation.
Appreciate if you can post .Responsive CSS to arrange categories or arrange it like Mobile App view.
+
Something like this
+
<if is="@enableResponsive">
- @media (max-width:@maxResponsiveNarrowWidth/2)
- {
- .Responsive .CategoryList
- {
- text-align: center;
- }
- }
-</xen:if>
+@media (max-width:@maxResponsiveNarrowWidth/2)
+{
+.Responsive .CategoryList
+{
+text-align: center;
+}
+}
+</if>
+
Thank you,
[image|130282]

Category:

Responsive css help

Discussion Topic:

No

Status:

open

Edit by: bryan ware

Title:

Arranging categories into 2 columns in Responsive view/design

Text:

In responsive view, I would like to arrange categories to 2 columns as shown in left image.
Categories on all pages.
For normal sites, it looks 1 column like on the right in image. iFixit accomplished this on the main page but would like for all category navigation.
Appreciate if you can post .Responsive CSS to arrange categories or arrange it like Mobile App view.
-
-
-
-Thank you,
-
+Something like this
+<if is="@enableResponsive">
+ @media (max-width:@maxResponsiveNarrowWidth/2)
+ {
+ .Responsive .CategoryList
+ {
+ text-align: center;
+ }
+ }
+</xen:if>
Thank you,
[image|130282]

Category:

Responsive css help

Discussion Topic:

No

Status:

open

Edit by: bryan ware

Title:

Arranging categories into 2 columns in Responsive view/design

Text:

In responsive view, I would like to arrange categories to 2 columns as shown in left image.
Categories on all pages.
For normal sites, it looks 1 column like on the right in image. iFixit accomplished this on the main page but would like for all category navigation.
-Appreciate if you can post .Responsive CSS to arrange categories.
+Appreciate if you can post .Responsive CSS to arrange categories or arrange it like Mobile App view.
+
+
Thank you,
Thank you,
[image|130282]

Category:

Responsive css help

Discussion Topic:

No

Status:

open

Edit by: bryan ware

Title:

Arranging categories into 2 columns in Responsive view/design

Text:

-In responsive view, I would like to arrange categories to 2 columns as shown in left image.
+In responsive view, I would like to arrange categories to 2 columns as shown in left image.
+
Categories on all pages.
For normal sites, it looks 1 column like on the right in image. iFixit accomplished this on the main page but would like for all category navigation.
-Responsive view is painful to navigate with single column categories.
+Appreciate if you can post .Responsive CSS to arrange categories.
+
+Thank you,
Thank you,
[image|130282]

Category:

Responsive css help

Discussion Topic:

No

Status:

open

Edit by: bryan ware

Title:

Arranging categories into 2 columns in Responsive view/design

Text:

-In responsive view, I would like to arrange categories to 2 columns as shown in left image.
+In responsive view, I would like to arrange categories to 2 columns as shown in left image.
+Categories on all pages.
-For normal sites, it looks 1 column like on the right. iFixit accomplished this on the main page but would like for all category navigation.
+For normal sites, it looks 1 column like on the right in image. iFixit accomplished this on the main page but would like for all category navigation.
+
+Responsive view is painful to navigate with single column categories.
Thank you,
[image|130282]

Category:

Responsive css help

Discussion Topic:

No

Status:

open

Original post by: bryan ware

Title:

Arranging categories into 2 columns in Responsive view/design

Text:

In responsive view, I would like to arrange categories to 2 columns as shown in left image.

For normal sites, it looks 1 column like on the right. iFixit accomplished this on the main page but would like  for all category navigation.

Thank you,

[image|130282]

Category:

Responsive css help

Discussion Topic:

No

Status:

open
TRUSTe