How to align display subCategories and class it's images (img-responsive) on cell phone and other hand held instruments when top Category page view?
...any help with this hang up is greatly appreciated. :)

couple of screenshots attached.

1. PC view
2. cell phone view


They align OK on a PC.


always using the latest version of arastta english jamaican. lol :D
Attachments:
In Themes
Tuesday, May 09 2017, 03:56 AM
Share this post:

Accepted Answer

Tuesday, May 09 2017, 08:09 PM - #Permalink
I am certain you have to change the -sm -md -xl classes somehow. I am also working on a template right now and i remember to see those definitions a lot.
So if you check the category template, search for the row that shows each product and change its class in there.

Bootstrap defines by classes when a HTML element like a DIV should be shown on what kind of device.
Look here: https://www.w3schools.com/bootstrap/bootstrap_grid_examples.asp
The reply is currently minimized Show
Responses (2)
  • Accepted Answer

    Thursday, May 11 2017, 09:34 AM - #Permalink
    Hi there Carlos, thank for your help.
    Well, I was about to dig in to the code and guess what?
    This darn Arastta ECommerce is capable of fixing it self. Wow Im impressed, the subCat no longer pile up like a bunch of tomatoes when viewed on a cell phone.
    IT IS FIXED - AMAIZING!
    You know this is a breakthrough in cart land technology let me tell yah!
    A BugLess Cart. :D

    I think I might leave all the Arastta hard working folks something nice in my will.

    Thanks again dude.
    The reply is currently minimized Show
  • Accepted Answer

    Thursday, May 11 2017, 09:48 AM - #Permalink
    good job!
    The reply is currently minimized Show
Your Reply