Page 1 of 1
How can I make html component take up all the space of the mobile container for any screen size?
Posted: Mon Jul 14, 2014 5:18 pm
by adam griffin
I have place some html code within html component and set the dimensions of the component as 100% width and auto height, but doesn't fill the mobile container. As I increase the screen size the space between the header and the component increases.
The lined elements are the html that is in the html component. The background is just a css class with the container set to it.
How can I make html component take up all the space of the mobile container for any screen size?
Posted: Mon Jul 14, 2014 5:30 pm
by Kateryna Grynko
How can I make html component take up all the space of the mobile container for any screen size?
Posted: Mon Jul 14, 2014 11:28 pm
by adam griffin
It works perfectly for my html component. I tried adding it to my grid component but it does not work. Do you have a solution for this?
How can I make html component take up all the space of the mobile container for any screen size?
Posted: Mon Jul 14, 2014 11:42 pm
by Alena Prykhodko
Adam,
This code works for grid as well, just use grid name instead.
How can I make html component take up all the space of the mobile container for any screen size?
Posted: Mon Jul 14, 2014 11:45 pm
by adam griffin
I tried it still didn't change 
How can I make html component take up all the space of the mobile container for any screen size?
Posted: Mon Jul 14, 2014 11:47 pm
by Alena Prykhodko
Try to add class for grid (in Properties set Class Name to gridClass) and add this code to CSS asset:
pre.gridClass {
width: 100vw !important;
height: 100vh !important;}/pre
How can I make html component take up all the space of the mobile container for any screen size?
Posted: Tue Jul 15, 2014 12:15 am
by adam griffin
That works, but I also see a mistake I made. I had added it to the outer grid. I had to add it to the grid I have inside that one. Thank you!
