Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 14, 2022 at 5:43 pm #1372543
    Siracher

    Hi

    if I make a diagonal section on my website it breaks on wide screen monitors (35″).
    the diagonl line will get horizontal on these or wider monitors.

    you can see these on the enfold agency demo

    any update on this planed?

    November 15, 2022 at 6:36 am #1372603
    Ismael

    Hey Siracher,

    Thank you for the inquiry.

    You can try this css code to adjust the size of the diagonal container on wider screens.

    @media only screen and (min-width: 2040px) {

  /* Add your Desktop Styles here */
  .avia_transform .av-extra-border-element.border-extra-diagonal .av-extra-border-inner {
    top: 450px;
  }

  .avia_transform .av-extra-border-element.border-extra-diagonal {
    height: 450px;
    margin-top: -250px;
  }
}

    Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvy2VVHOVV-tvi8X0i?e=mK27Um

    What is the actual screen resolution of your monitor? We don’t have a 35″ monitor, so we just zoomed the browser out to emulate a larger screen resolution.

    Best regards,
    Ismael

    November 15, 2022 at 8:54 am #1372613
    Siracher

    Hi Ismael

    thanks a lot works very nice.

    cheers

    November 15, 2022 at 12:06 pm #1372628
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    November 15, 2022 at 3:21 pm #1372651
    Siracher

    you can close the ticket, thanks. Maybe this could be included in a future update.

    November 16, 2022 at 1:46 pm #1372760
    Mike

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘diagonal section breaks on wide screens’ is closed to new replies.