AbanteCart Community

Shopping Cart Operations => Support => Topic started by: emanuelben616 on July 29, 2015, 09:44:28 AM

Title: how to add a picture so that it is compatible to big and small screens
Post by: emanuelben616 on July 29, 2015, 09:44:28 AM

Hi,
 
    So I have been working on my website and i wanted to instead of having the categories up like everyone, i wanted to put up pictures as the categories and i did. But the thing is, when i look at other screen size they aren't all lined up. There are three pictures to go to the category that you want to so whenever i would check on different screen sizes sometimes there would be two on top and one on the bottom. What I'm trying to say is that I want all there three pictures that i have put up for categories to be compatible for each screen size. I always want the three pictures to be up there regardless of the screen sizes. Is there any possible way to do this?

Title: Re: how to add a picture so that it is compatible to big and small screens
Post by: abolabo on July 29, 2015, 10:47:59 AM

yes.. for ex. in file public_html/storefront/view/default/stylesheet/style.css for our default template you can find sections @media for screen width range.
Just add css-rules for images there for all cases.