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
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 !
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
you can add the following code to the style.css file:
.widget.news-category .child-category {font-size: 15px; }
Regards,
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.
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,
Please login or Register to submit your answer