Responsive?

[peterspie]

Hello,

i just noticed on my mobile, that the guestbook (on my website) is not responsive, or at least not responsive enough.
I am using Helix Ultimate template.
See the https://imgur.com/Y0rlC1i

Can someone help me with this?

Regards, Peter

[Jan]

Hi, which version of Phoca Guestbook and Joomla do you use?

Jan

[peterspie]

Hi Jan,

Joomla 4.2.1
Phoca guestbook: 4.0.1

Website (in development): link here

[Jan]

Hi, the possible way is to write own CSS for mobile view:
e.g. :

Code: Select all

@media (max-width:768px)  {
...
}

Remove the margin left for controls:

Code: Select all

.form-horizontal .controls {
    /* margin-left: 220px; */
   margin-left: 0;
}

and add display block for control labels:

Code: Select all

.form-horizontal .control-label {
    /* float: left; */
    float: none;
    display: block;
}

So, for example, adding this code to your own custom.css or user.css:

Code: Select all

@media (max-width:768px)  {

    #phocaguestbook .form-horizontal .controls {
    margin-left: 0;
    }
    #phocaguestbook .form-horizontal .control-label {
        float: none;
        display: block;
    }
}

Jan

[peterspie]

Hi Jan,

working perfectly. Thank you so much!!!

Regards, Peter

[Jan]

Ok