No responsive template in joomla 4 migrated from joomla 3

[forlx.62]

hello,

if it can help, here is the inspector, but as before, i'm not able to add the BBCode in the post
image link : https://i.imgur.com/7TwlIQn.png

and i use the shaper_helix3 template

the link 'Tip : How to add screenshot to post' in the top of Quick Reply is not correct, the link is 'https://www.phoca.cz/documents/50-phoca ... forum-post' whereas you give me the link 'https://www.phoca.cz/documentation/86-j ... forum-post'

[forlx.62]

Hello Jan,

The picture is full but the box where the picture is displaying is around 25%-30% of the window

I can extract if you want the html page and/or inspector if it can help

[Jan]

Hi, unfortunately, I need to see it live to test the whole code, etc.

BTW, if you switch to standard template (only for test), do you get the same problem?

Jan

[forlx.62]

Hi,

I've tested both, simple and after standard, exactly same result

[forlx.62]

As i have only this issue, i've updated my site to joomla 4.

I published a picture with public access in order you can see and investigate the issue.

here is the link : https://www.sgdf-lens.fr/index.php/private-gallery

i hope you can find a solution, from my side, i don't know enough CSS to understand where the error comes from

[christine]

Hi,

Thank you for sharing of your Page. It belongs to iFrame (modal box).
Jan meant that you should try the standard template Cassiopeia temporarily to see if it is the same result.

I'm in the process of checking etc.

@Jan: btw: could you check via page source code: line 248, could be relevant.

Kind regards
Christine

[christine]

Hi,

Maybe following could help: (tried it, and it works temporarily)

Code: Select all

iFrame#pgCategoryModalIframe {
width: 1000px;
}

to your custom.css of your template Helix.



Kind regards
Christine

[forlx.62]

Hello Christine,

I will try again, but i've already tested both styles Yesterday and the result was the same.

Regards

[forlx.62]

So the both styles are working exactly the same.

I tried finally this in order to use the entire width
iFrame#pgCategoryModalIframe {
width: 100%;
}

It seems working fine with smartphone and laptop

[christine]

Hi,

So the both styles are working exactly the same.

I tried finally this in order to use the entire width
iFrame#pgCategoryModalIframe {
width: 100%;
}

It seems working fine with smartphone and laptop

That's fine.

FYI: We didn't mean the themes from Phoca, but the standard template Cassiopeia. Doesn't matter now. As I could now see, the code worked.

But: you put this in the theme_standard.css. See previous posts. Please make CSS changes/additions in your custom.css from Helix. Otherwise your code will be overwritten with the next Phoca update.

custom.css in Helix: https://www.joomshaper.com/documentatio ... eader-code

Kind regards
Christine