Skip to main content

Layers in the blocks overlapping, can't move some of the layers.

Gianluca P Sacco
  • Edited

Hello,

 

I am dealing with an issue when I add a block, and then add multiple text or images in that block but they overlap. At that point, I am unable to select the layer underneath the others. I thought "tab" would work, and sometimes I seem to get it to work but I feel like there is something else I can do. Thoughts?

0

Comments

5 comments

Date Votes
  • KC George
    • Edited

    Hi Gianluca,

    It is a bit difficult to understand the issue you are facing without seeing it. Would you be able to record a video of the problem using a screen recording software like https://www.loom.com/ ?

    0
  • Gianluca P Sacco

    KC,

     

    Below is a link to the video. I will say that I have to change things to "absolute" in order to actually move it and then select it. However, in some cases, I am unable to actually do that. "Cloud Services" is stuck behind the "Azure" cloud symbol. Not only that, but if I copy an icon, it places the copy in the same field, now allowing me to actually paste it elsewhere. That is in the second video.

    https://www.loom.com/share/3543d5e02d2a4eeb8b370158c529a88f

    https://www.loom.com/share/9a3821b77bf54fb28b6c016af5bb0c72

    0
  • KC George

    Hi Gianluca,

    The absolute position of an element is used when you want to place an element relative to a block. This option must be used sparingly. Please avoid using absolute positioning as a design practice to place elements within the page. This is not a recommended practice.

    If you share the design you want to achieve, we can demonstrate to you in a screen recording how you can implement the design without using absolute positioning.

    0
  • Gianluca P Sacco
    • Edited

    In this example, I only use Absolute just to recreate the issue. The real issue is when I have a block, place let's say an image or button next to a text field in the same block. I then move the margins and their respective fields overlap, it seems that I am only able to choose one of the fields at that time. I am aware that absolute is not the best, and that is due to the views shared on mobile and tablet, however, I adjust those as needed after using Absolute. See examples below. The second video shows the inability to move your icons around, and that of course removes the ability to change the burger shape, margin, back to the original menu. 

    https://www.loom.com/share/42612c3b0cb6430d84772f128293297e

    https://www.loom.com/share/29890ce35cdb4913b012fd33fcc0f329

     

    0
  • KC George

    Hi Gianluca,

    We would like to take a look at your design implementation to offer further help. Can you give us access to your project and specify your design objective. We will implement the design for you and also record a video while making the changes. 

    Please add a new user to your WordPress Dashboard and send the following details to our email: communitysupport@brizy.io 

    Please let us know here when you send us the email.

    0

Please sign in to leave a comment.

Didn't find what you were looking for?

Ask a Question