Mobile View Image Display Issue in Grid View

Hey mustafa-alani,

Thank you for the inquiry.

We may need to inspect the site or the element in question in order to provide an appropriate solution. Please provide the site URL in the private field. Screenshots will also help.

Best regards,
Ismael

Hi,

Thank you for the info.

We cannot find any Grid Row element or cells in the page. Where did you add the element? Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hi,

Thank you for the info.

Edit the cells with the background image, navigate to Advanced > Developer Settings toggle, and in the Custom CSS Name field, enter the name “av-mobile-column-background”. Then, you can apply the following css code to adjust the size of the background image on mobile view.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .flex_cell.av-mobile-column-background {
    height: 200px;
    min-height: 200px;
    background-size: contain !important;
    padding: 0 !important;
  }
}

Best regards,
Ismael

Hi,

No problem! Glad we could be of help. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael