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.
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; }
}
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.
yes because the backend end frontend use different templates.
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.
Thanks again healyhatman, you got me on the right track.
