Product listing layout

Hi,

In your second screenshot, I see that you're looking at the default number of columns setting, which is used to set the default value when you create new HikaShop content module instances.
The setting that controls the number of columns once the module is created can be found directly under the "HikaShop options" tab of your module:
www.hikashop.com/images/stories/tutorial...u_item/Modules24.png

Hi,

On the link you gave, the products listing is generated by the menu item with the id 194 :
monosnap.com/file/yQhguDfSEtwYuiG6RaibpySGiIWjXA
So please make sure that you're looking at the settings of the menu item with that id in your Joomla menu manager.
Also, try saving these settings once to make sure that the data in the database for these settings is correct.
Also, clear any cache you might have configured on your Joomla website as otherwise, you might be looking at a page generated before you changed the number of columns of the menu item.
If that still doesn't help, all I can think that's left is to switch to the default template of Joomla and check if the listing has the correct number of columns. It might be that your template has view overrides of Joomla which force the display of the listing in 5 columns regardless of how the menu item is configured.

Hi,

The issue is the way your template switch between responsive and non responsive display.
Add that CSS and that will counter act that:

@media (max-width: 996px){
.hkc-md-4 {
    width: 100% !important;
}
}

Hi,

That issue with the cart information displaying not properly on the checkout comes from the CSS:

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

Hi,

Yes, it helps.
It comes from the file www.mangialarossa.com/cache/com_template...202418ee726b0482.css
So it's something beloging to your template.
Apparently, you still have some caching on your template CSS so you would have to deactivate that to know the exact file from which that is generated.
The best though would be to contact your template provider as we don't know how the template is made and thus can't say what's the best action there to avoid the problem.

Hello,

I won't be able to tell which line you have to modified because I don't know what disturb you when you said :

"still looks bad on mobile only"

Hello,

You have to know that of course with HikaShop come a css structure, it have to fit most of common needs, but of course sometime you have to refine some Css command to adapt it to your specific needs, here your text part is quite long.
But I can see that you have already custom your frontend css file, as I can read "frontend_custom.css".
I think that "padding-left" command is your solution, and you have to edit it in @media part.

Hello,

I will explain you how to proceed to get the concerned css file.
- Go to your page and right-clic while you target the point to correct
- Select inspector, inspect tool (depends from your used navigator)
- A new window will open with a view on the html and the css
- In the Css part you will be able to see css command grouped by css file name

Hello,

I think you can use a Css height command on your required td that display your quantity.
But you have to know that right know the way your quantity is displayed isn't as it by default in HikaShop css file or css style :