DW Focus: Category - Full width - too many subcategories

Frank Zunker
asked 9 years ago

Hello, i have eight subcategories. On a normal Display the widget Category works well. On tablet in landscape also. When i turn the tablet the subcategories are in two lines. that is not so good. On Smartphone the subcategories change to a dropdown-menu. Thats perfect. Where do i have to change in the css (and which css – dw-focus.min.css or dw-focus.css) for small display the way the subcategories are shown? Sorry for my English, but i hope you understand what i mean.
A screenshot can be found here:
http://kosmetik-check.de/images/layoutaenderung.jpg

1 Answers

DominicStaff
answered 9 years ago

To resolve this issue, you can add the following code to the style.css file:

.widget.news-category .child-category { display: none;}
.widget.news-category .child-category-select {display: block !important;}

Hope this helps !

benway76
replied 9 years ago

Hello Dominic, thanks for your answer. it works. But now its always a dropdown-menu. is it possible to change it only for diplaysize smaler than xx pixel? Best regards Frank

dominic Staff
replied 9 years ago

you can add the following code to the style.css file:
.widget.news-category .child-category {font-size: 15px; }
Regards,

benway76
replied 9 years ago

sorry Dominic for asking again, i want to change not the size of the font.
i want to change the layout from
"all Subcategories shown" to "Subcategories in a Drop-Down-Menu"
when the display size is smaler than 965 pixel.
Now the automatic change of the layout is at about 755 pixels.

Maybe it is not possible. I will search the css-files again.

dominic Staff
replied 9 years ago

Of course ! If you want to do it, you can add the following code:

@media (max-width: 979px) {
.widget.news-category .child-category { display: none;}
.widget.news-category .child-category-select {display: block !important;}
}

Regards,