I have two formatting questions regarding mobile view. See attached images. Content is disappearing when screen resolution is less than 690px. The other issue is that I cannot get an image to center in the row when screen resolution is < 1000px.
The disappearing content happens because the content is being displayed on tablets and desktops only. You will need to change this on the responsive tab of the respective element.
As for aligning the image at the centre, the following CSS might help.
@media only screen and (max-width: 999px){
.vc_col-sm-2.vc_col-lg-offset-2.vc_col-lg-2.vc_col-md-offset-1.vc_col-md-2.vc_hidden-xs.wpb_column.column_container.vc_column_container.col.no-extra-padding.inherit_tablet.inherit_phone {
width: 100%;
}
}
I have two formatting questions regarding mobile view. See attached images. Content is disappearing when screen resolution is less than 690px. The other issue is that I cannot get an image to center in the row when screen resolution is < 1000px.
Hello Rodney,
Thanks for writing in.
The disappearing content happens because the content is being displayed on tablets and desktops only. You will need to change this on the responsive tab of the respective element.
As for aligning the image at the centre, the following CSS might help.
@media only screen and (max-width: 999px){ .vc_col-sm-2.vc_col-lg-offset-2.vc_col-lg-2.vc_col-md-offset-1.vc_col-md-2.vc_hidden-xs.wpb_column.column_container.vc_column_container.col.no-extra-padding.inherit_tablet.inherit_phone { width: 100%; } }Regards,
Thanks, Andrew. That worked. I don't know how the hide on mobile checkbox got ticked.