Page 1 of 2
Gallery V 4.5.2 Problem with responsive design
Posted: 19 Jan 2023, 13:00
by 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
Re: Gallery V 4.5.2 Problem with responsive design
Posted: 19 Jan 2023, 15:53
by Benno
Re: Gallery V 4.5.2 Problem with responsive design
Posted: 20 Jan 2023, 14:31
by 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
Re: Gallery V 4.5.2 Problem with responsive design
Posted: 20 Jan 2023, 14:53
by Benno
Hi,
you need to install Phoca Gallery themes in: backend --> Components --> Phoca Gallery --> Themes
Kind regards,
Benno
Re: Gallery V 4.5.2 Problem with responsive design
Posted: 20 Jan 2023, 15:02
by bmtv
Thank you Benno,
now it is installed but no change in behaivor.
https://imgur.com/a/UTkrPSc
Best Regards Hartmut
Re: Gallery V 4.5.2 Problem with responsive design
Posted: 20 Jan 2023, 15:37
by 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
Re: Gallery V 4.5.2 Problem with responsive design
Posted: 20 Jan 2023, 16:08
by 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
Re: Gallery V 4.5.2 Problem with responsive design
Posted: 20 Jan 2023, 18:00
by 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
Re: Gallery V 4.5.2 Problem with responsive design
Posted: 21 Jan 2023, 19:51
by 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
Re: Gallery V 4.5.2 Problem with responsive design
Posted: 22 Jan 2023, 16:31
by 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