Image being cut

Support
#1

Hi, the new update on the PRO is amazing, however I encountered a problem that was not there before. When I insert an image a column, it doesn’t extend the column width as it use to to before but cuts the picture on the line that the section below begins, can you tell me how to fix this, I want the image to be displayed in full size. Thanks.

#2

Hey @vlntnt,

It’s best that you post the URL of the page so we can check the setup and so we can advise what the best option to configure.

For now, what I can do is guess the possibilities.

  • If your top section or any elements within the top section has a negative bottom margin, try setting it to 0.
  • If your bottom section or any elements within in has a negative top margin, set it to 0.
  • Set the bottom section’s z-index higher than the top section. The z-index setting is under the Section’s Setup options.

If that doesn’t help, please provide the URL of the page.

Thanks.

#3

The Z-index option helped with getting it on top but it still overlaps the bottom section and doesn’t fit in the one above.

Website is : https://growtie.com/ can you check it

I’ve currently put some padding, so that it looks fine but without it it gets messy

#4

Hello there,

This is what I’m seeing on a 1440px X 900px screen.

I’m not sure what’s missing in their based on what you’ve described.

Is it still an issue or you’ve already sorted it out after your last message to us?
If not, do you have a mockup of how you want it to look like?

Thanks.

#5

Hi, no the issue is still present. Fixing the Z-index of the top section has made it that the phone is above the second section but it still overlaps it.

Check the screenshot below:

I have section 1 which is in 2 columns and then section 2 below it. I’ve inserted the image in Column 2 (the phone with the text blocks) in Sec 1 but the bottom part of it interferes/overlaps the section below, basically the part that I’ve circled in green, instead of just expanding the Section 1.

P.S you only see it like that because I’ve put 35% padding so it creates some extra space, if you shrink the size of the screen / especially on mobile you can see the overlap clearly.

#6

Hey @vlntnt,

The cause of that is the fixed height in the first Section’s Inline CSS. Please remove it.

Thanks.

#7

oh, wow, no idea when did I put this there, my bad :grimacing:

thank you!

#8

You’re always welcome!

Cheers.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.