Hi all,
I’m kind of a newbie in CSS and coding , I only know the basics. For hours now I try to make my banner above my category overview sort of responsive but I can’t make it work.
An example on http://www.v2.rent-fun.be/product-categorie/meubilair/
What I try to do is make the first row of categorie images visible on all screen sizes. That means making the banner smaller (height/width) on smaller screens. On big screens you can see the first row of category images, but you can only see the banner on smaller screen and you have to scroll down to see the categories. I try to accomplish that the visitor doesn’t need to scroll to see the first row of category images.
Is there any CSS way to do this? Below you can find the code that I used to place the banner where it is now.
Thank you!
.wbm_banner_image img,.wbm_category_banner_image{
width: auto;
display: block;
margin: 0 auto;
height: 100%;
}