Gallery V 4.5.2 Problem with responsive design

[bmtv]

Hello,
I am running Joomla 4.2.6 and Phoca Gallery 4.5.2 and have a problem with the resonsive design.
If I see my page on a smart phone details to jump through the pages are not shown.
https://i.imgur.com/aNqO60n.jpg

If i look to your demo page it looks fine.
https://i.imgur.com/mrZ0f7f.jpg

Could any one help my?
Best Regards

[Benno]

Hi,
see: viewtopic.php?p=173386#p173386

Kind regards,
Benno

[bmtv]

Hello Benno,
the style Theme_simple is activated.
https://imgur.com/a/EGexU1e
I found Theme_standard on your Web page but the installation in not possible.
https://imgur.com/a/EGexU1e

Best Regards
Hartmut

[Benno]

Hi,
you need to install Phoca Gallery themes in: backend --> Components --> Phoca Gallery --> Themes



Kind regards,
Benno

[bmtv]

Thank you Benno,

now it is installed but no change in behaivor.

https://imgur.com/a/UTkrPSc

Best Regards Hartmut

[bmtv]

Hallo Benno,
ich sehe, du sprichst deutsch.
Theme_standard wirkt offenbar in der Hauptsache bei der Darstellung der Bilder. Wenn ich mit Firefox "Werkzeuge für Web Entwickler" mir die fehlerhafte Stelle anschaue, kann ich nicht sehen, dass Theme_standard mitspielt.
Schönen Gruß
Hartmut

[Benno]

Hi,
um auszuschließen, dass das Problem durch Dein Frontend Template verursachte wird, kannst Du zum Testen mal auf Cassiopeia umschalten.

Freundliche Grüße,
Benno

[bmtv]

Hallo Benno,

ich benutze das Shaper_helixultimate Template V2.0.11
Nach dem Umschalten auf Cassiopeia ist die Anzeige etwas besser aber immer noch falsch.
https://imgur.com/a/e1VecNW
Bei einer Verkleinerung des Browsers erfolgt kein Umbruch zwischen dem Block "Reihenfolge", "Nummer anzeigen" und "Seite von".
Im Theme_standard.css steht an der Stelle 243 ein "justify-contend: flex-end;" . Dieses führt offensichtlich nicht zum Umbruch wie auf eurer Demo-Seite dargestellt.
https://imgur.com/a/lNlD8qe

Schönen Gruß
Hartmut

[Jan]

Hallo, danke für Info. Theme Standard fehlt:

Code: Select all

@media only screen and (max-width: 768px) {
    .com_phocagallery form > .pagination {
        flex-direction:column;
        align-items: center;
    }
}

Wenn Du es zu deinem eigenen CSS hinzufügst (z.B. in user.css), funktioniert es?



Ich werde es in Theme Standard hinzufügen.
https://github.com/PhocaCz/PhocaGallery ... d_v453.zip
Jan

[01Kuzma]

That's strange, I'm migrating on localhost a website from J3 to J4, also have these responsive issues.
What I've observed, that as J3 and J4 body tag has .com-phocagallery class, instead of .com_phocagallery
Tried to search in files, to find where it could be generated, but it gives only results from generated cache files...
https://imgur.com/a/jhOXE85