Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 11, 2023 at 5:02 pm #1410253
    newvisionnew

    backdrop images not aligning properly with verbiage on mobile layout. How can all images align properly with text on mobile. Also all around better responsive transition with layout in general on mobile for all aspects to make it flow better on mobile.

    June 14, 2023 at 11:59 am #1410571
    Mike

    Hey newvisionnew,
    Thank you for your patience, I believe that you are refuring to your color section with the text “MEMBERSHIP HAS ITS…” this text is taller than the image on mobile because the background image is set as “contain” by default to show the whole image, to change it to “cover” so the image fills the space try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 990px) { 
#top .avia-full-contain {
    background-size: cover !important;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

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