Phoca Forum

Posted: **20 Sep 2022, 15:35**

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

Posted: **20 Sep 2022, 16:41**

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

Jan

Posted: **20 Sep 2022, 16:55**

Hi Jan,

Joomla 4.2.1
Phoca guestbook: 4.0.1

Website (in development): link here

Posted: **20 Sep 2022, 22:32**

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

Posted: **21 Sep 2022, 09:06**

Hi Jan,

working perfectly. Thank you so much!!!

Regards, Peter

Posted: **26 Sep 2022, 20:29**

Phoca Forum

Responsive?

Responsive?

Re: Responsive?

Re: Responsive?

Re: Responsive?

Re: Responsive?

Re: Responsive?