Phoca Download Plugin not responsive

[myrtus]

The download button looks on big devices ok. But on smartphone: If the text is to long, the second line shows out of bottom.

[christine]

Hi myrtus,

there were some PG updates, e.g. to version 3.1.7. But I think it belongs to (template, CSS) or, or ....
Could we see it, where/how it occurs?

Kind regards
Christine

[myrtus]

Hello christine,
I have the newes version of the plugin.
Here is the link: https://www.gso-hef.de/
Thanks, myrtus

[christine]

Hi Myrtus,

yes, if the text is too long - hmm.

The only temporary offer I hv, is to change e.g. to 80% or to delete the included width:

Code: Select all

#phoca-dl-categories-box div.pd-categoriesbox {
    width: 28%;
    position: relative;
    float: left;
    margin: 1%;
    padding: 1%;
}

Annother way could be instead of 3 columns > 2 columns. Or an override?
Sorry - just for the moment above temporary idea.

Anyway will contact Jan about.

Kind regards
Christine - (christine2)

[christine]

Edit: Achso, ich war bei der 1. Ansicht (PD Übersicht) - gilt das obrige.
Wegen buttons, muss ich erst schauen.

[christine]

Download button (mobile version):

There is in theme.css, line 10104:

Code: Select all

.tm-content {
    padding: 15px;
    background: #FFF;
}

if I delete the padding, then it's better.

[myrtus]

Sorry, but it don't works.

[EDIT]
Now I found it.
media/com_phocadownload/css/main/phocadownload.css line 322:

.phoca-dl-file-box-mod .pd-document32,
#phoca-dl-file-box .pd-document32,
#phoca-dl-category-box .pd-document32,
#phoca-dl-most-viewed-box .pd-document32,
#phoca-dl-download-box .pd-document32 {
background: url('../../images/icon-document-32.png') 0px center no-repeat;
height: 32px; --> change to auto;
line-height: 32px;
padding-left: 36px;

I changed it in the custom.css of my template, because of Phoca updates in future.

Thanks for your help,
myrtus

[Jan]

Ok