Has there been a solution or is there a reason why my CCv6 is going blank when resized for mobile view. This appears to only be happening with a 'Table' view.
All the other views work great. It's not a matter of how many columns are in there, even if I remove some it still does it.
Any help is welcomed.
Pics attached.
All the other views work great. It's not a matter of how many columns are in there, even if I remove some it still does it.
Any help is welcomed.
Pics attached.
Add this to a custom css and call it with {view:custom_css} (or whatever you name it).
@media only screen and (max-device-width: 480px) {
td.collapsing, th.collapsing {height: auto; }
td.collapsing.right.aligned { text-align: left!important; }
}
@media only screen and (max-device-width: 480px) {
td.collapsing, th.collapsing {height: auto; }
td.collapsing.right.aligned { text-align: left!important; }
}
Thanks,
I have added the css to the 'Views' and am calling it first line in the 'Events' for 'Index' as this is the first event, but to no luck.
I did notice that it renders perfectly well into mobile size when i test the forms using the 'Preview' butoon from within the form creator or the 'Open' link from the main menu. This opens in the Joomla backend environment and not my front end view. Would my CSS of my pages be causing this issue then?
Can send any pics to assist. Just let me know.
I have added the css to the 'Views' and am calling it first line in the 'Events' for 'Index' as this is the first event, but to no luck.
I did notice that it renders perfectly well into mobile size when i test the forms using the 'Preview' butoon from within the form creator or the 'Open' link from the main menu. This opens in the Joomla backend environment and not my front end view. Would my CSS of my pages be causing this issue then?
Can send any pics to assist. Just let me know.
yes because the backend end frontend use different templates.
Pics attached with Inspect from both my live site with the issue, and the live site but using preview button. It seems to be collapsing them to '0'. The data is there, and if I manually add the same size as the preview site it all comes good as can be seen from my doing in the attached.
Are you sure you put that custom CSS in the right spot?
All, got it all sorted.
Found that the bootstrap was delivering a '0' on the .collapsing height.
Entered a CSS and called the view in at the top of the table calling event.
CSS code is:
.collapsing {height: auto}
All fixed for all devices. All is right with the world again.
Found that the bootstrap was delivering a '0' on the .collapsing height.
Entered a CSS and called the view in at the top of the table calling event.
CSS code is:
.collapsing {height: auto}
All fixed for all devices. All is right with the world again.
This topic is locked and no more replies can be posted.
