![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: columns, grid, mobile, responsive
-
AuthorPosts
-
March 31, 2015 at 4:19 pm #421284
Hello,
I’m having a few white space issues with our website on mobile.
In between the screen sizes of (min-width:767px; and max-width:1921px;) there is a lot of white space on the left hand columns on our home page.
Are we able to change it so that there is only 1 column of containers from 0 up to max-width: 1921px? Rather than the current 2.
I’m working with enfold-child.
March 31, 2015 at 9:43 pm #421605Hi Coronacom!
I’m sorry but I’m not sure I understand. Are you trying to make it so there is only 1 column on all screen sizes?
Your site looked fine on my end, I tried resizing the browser height but everything looks good. Go ahead and take a screenshot and highlight what your trying to do so we can get a better idea.
If your trying to change it so your 2 columns use up more space and there is not so much white space on the sides then you can increase your maximum container width in Dashboard > Enfold > General Layout > Dimensions.
Best regards,
Elliott-
This reply was modified 9 years, 5 months ago by
Elliott.
April 1, 2015 at 10:10 am #421806Hello,
Here’s the screen shots. You can see the right hand column is really long and there’s a lot of white space on the left hand side.
http://postimg.org/image/v1yh0wsux/
http://postimg.org/image/5xrp4yjl3/
So I was thinking of making it so it was one column so we don’t have the white space and stretched text issue. But if there’s another way to fix it?
April 2, 2015 at 8:01 am #422318Hi!
Try to add this to the Quick CSS field:
@media only screen and (max-width: 989px) { div#mob-bg .flex_column.av_one_third, div#mob-bg .flex_column.av_two_third { width: 100%; }}
You might need to adjust the margins.
Cheers!
IsmaelApril 2, 2015 at 11:07 am #422393Great, thank you. How so I adjust the margins? I’ve changed max-width to 1186px.
How do I move the first block of text so it’s above the first image slider?
April 3, 2015 at 5:16 pm #423171Hi!
I don’t see an easy way of doing that. It would take some javascript to move it’s position in the document. You would need to set the testimonial to the first column if you want it to display above the slider.
You can use this CSS to adjust the margins of the testimonial.
.avia-testimonial-wrapper, .avia-testimonial { margin: 0px !important; }
Best regards,
Elliott -
This reply was modified 9 years, 5 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.