Phoca Cart template - Category list on mobile

Phoca Templates - templates for Joomla! CMS
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 43996
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Cart template - Category list on mobile

Post by Jan » 25 Nov 2020, 15:33

Hi, then this seems to be some CSS conflict with another part on your site.

I am testing now:

- Phoca Cart template (the one you are using - version 1.0.4)
- with different size of boxes (one box has longer name of category - the same like on your site)

and everything is OK with the boxes, see image:

Image

So really hard to say what can cause the conflict

Image

:idea:

Do you use some cache or similar feature, which can somehow display not updated site when chaning the equal height parameter, etc. :idea:

Jan
If you find Phoca extensions useful, please support the project

christine
Phoca Hero
Phoca Hero
Posts: 2205
Joined: 28 Nov 2010, 17:20

Re: Phoca Cart template - Category list on mobile

Post by christine » 26 Nov 2020, 00:20

Hi,

Don't know why it does not help with: "equal heights" parameter. Just an idea :idea:

When checking for example:
1) <a href="/13-carrelli-elevatori">CARRELLI ELEVATORI</a> with:
2) <a href="/7-elettrodomestici">ELETTRODOMESTICI</a>

Difference between 1) and 2):
1) there is a dash in alias and the space in description.
2) Hv changed temporarily & it looks OK:

Image

Kind regards
Christine

vitoricciardi
Phoca Member
Phoca Member
Posts: 32
Joined: 14 Oct 2020, 17:45

Re: Phoca Cart template - Category list on mobile

Post by vitoricciardi » 26 Nov 2020, 13:07

Thank You Christine but in Italian language "Carrelli Elevatori" are 2 words and "Elettrodomestici" only one

vitoricciardi
Phoca Member
Phoca Member
Posts: 32
Joined: 14 Oct 2020, 17:45

Re: Phoca Cart template - Category list on mobile

Post by vitoricciardi » 26 Nov 2020, 13:10

This is the situation on my smartphone in portrait mode
Image
and this is how I see the same page on the same smartphone in landscape mode
Image

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 43996
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Cart template - Category list on mobile

Post by Jan » 28 Nov 2020, 18:45

Hi, as I wrote, there is some conflict which just prevents the flexbox to make all the boxes same height, but really hard to say in which part of the website. I am testing the same with the same template and get no such problems :idea:

Jan
If you find Phoca extensions useful, please support the project

vitoricciardi
Phoca Member
Phoca Member
Posts: 32
Joined: 14 Oct 2020, 17:45

Re: Phoca Cart template - Category list on mobile

Post by vitoricciardi » 30 Nov 2020, 17:56

In the meantime, thanks for everything, I tried to delete all the components, modules, plugins and templates that I had installed but then not used but nothing has changed; if I create your credentials to enter the site it may be helpful to understand where is the problem?

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 43996
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Cart template - Category list on mobile

Post by Jan » 02 Dec 2020, 18:23

Hi, I think, I found the problem.

This code in main.css

Code: Select all

@media screen and (max-width: 576px)
.ph-row-flex.grid {
    display: block;
}
needs to be changed, it is ready for one column but in your case, if you edited to two columns, you need to use: display: flex instead of display: block for this screen width.

Just add this code to your css (e.g. to custom.css):

Code: Select all

@media screen and (max-width: 576px)
.ph-row-flex.grid {
    display: flex;
}
Jan
If you find Phoca extensions useful, please support the project

vitoricciardi
Phoca Member
Phoca Member
Posts: 32
Joined: 14 Oct 2020, 17:45

Re: Phoca Cart template - Category list on mobile

Post by vitoricciardi » 04 Dec 2020, 11:43

these are the moments when i realize my huge ignorance, i can't find the main.css file

User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 7829
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Phoca Cart template - Category list on mobile

Post by Benno » 04 Dec 2020, 12:57

Hi,
i can't find the main.css file
/media/com_phocacart/css/main.css
You will find the code Jan mentioned on line 1783
But as Jan has already written, don't change there anything, because it would be overwritten with every update of Phoca Cart. It is much better to create a custom.css for your template and copy the code into it.
See images:

Image

Image

This file will not be overwritten by a Joomla! update, a Phoca Cart update or a Phoca Cart Template update.

Kind regards,
Benno

vitoricciardi
Phoca Member
Phoca Member
Posts: 32
Joined: 14 Oct 2020, 17:45

Re: Phoca Cart template - Category list on mobile

Post by vitoricciardi » 09 Dec 2020, 17:18

Thank you Benno, I try but i don't see any pictures

Post Reply