Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #421284


    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.


    Hi 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,

    • This reply was modified 9 years, 2 months ago by Elliott.


    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.

    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?



    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.



    Great, 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?



    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,

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.