Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 2, 2015 at 6:17 pm #422679
    flylanddesigns

    My website is http://www.flylanddesigns.com.

    On my home page, I have a content area with three images in three columns.

    Then below that I have a full-width paralax banner.

    When I view the website on my android mobile in Firefox, the paralax banner takes up the entire screen below the menu, and it pushes out the three images above it. This looks bad because the banner was not meant to be a full background image, and more importantly, the three images on the top are supposed to be functional navigation for the site – so not having them appear is a problem.

    Is there any way to deactivate that banner on mobile, or at least the paralax effect?

    April 4, 2015 at 4:43 am #423341
    Ismael

    Hi flylanddesigns!

    Thank you for using Enfold.

    If possible, please provide a screenshot. Use dropbox or imgur. Add this to the Quick CSS field:

    .av-layout-grid-container {
  width: 100%;
  table-layout: auto;
  display: block;
}

    Remove browser cache then reload the page. Let us know if it fix the issue.

    Cheers!
    Ismael

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