something changed unexpectedly in the blog overview and categories are shown incorrect
Hi Muffins!
I created a beautiful blog overview with many categories, using some code you guys helped me with:
https://kenniscentrumtgg.nl/artikelen-en-publicaties/# (code ktgg)
However, something changed, I think you guys updated the blog element I used. The redesign looks beautiful, but the css I used to organise the categories on mobile doesn't work anymore, and now they all overlap. The code you told me to use was:
@media only screen and (max-width: 767px){
#Filters .filters_wrapper ul li{ width: 100% !important; }
}
On the computer I was still able to adjust the percentages and create the amount of columns I wanted the categories to show up in, but on mobile it doesn't change anything anymore.
Hope to hear the solution from you!
Comments
Hello,
Can you show me, how it looked before?
After removing the custom css code it is not overlapping anymore.
thanks
I don't have a screen shot of what it used to look like, but with the code that is currently in there it showed up as 1 column with all the categories, very similar to this page:
https://kenniscentrumtgg.nl/zoekfunctie/ (code ktgg)
Hi,
You have a CSS code that overwrites the one you mention in the first message.
When I commented it, the display is correct.
You should remove or rewrite this CSS.
Thanks
Hi,
How can I rewrite the code so that the 25% remains only active on the desktop (I want them to appear in 4 columns there), and to have one column on mobile?
Use this code instead:
@media (min-width:768px) { #Filters .filters_wrapper ul li{ width: 25% !important;} }Thanks
Thanks!!