Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 26, 2024 at 11:27 pm #1472318
    mandystohry1

    Is there a way to remove svg dividers for mobile screens? Page https://www.rsindy.com/our-team/brad-stohry-intellectual-property-law/ looks great on the desktop but the svg divider element does not format correctly for mobile.

    Thanks,
    Mandy

    November 27, 2024 at 6:02 am #1472332
    Ismael

    Hey mandystohry1,

    Thank you for the inquiry.

    The divider seems to be displaying correctly when we checked it on mobile view. If you want to hide it on smaller screens, please try this css code:

    @media only screen and (max-width: 767px) {
     /* Add your Mobile Styles here */
    .avia-divider-svg.avia-divider-svg-bottom.avia-svg-original, .avia-divider-svg.avia-divider-svg-top.avia-svg-negative {
        display: none;
    }
}

    Best regards,
    Ismael

    November 27, 2024 at 1:03 pm #1472356
    Guenni007

    or – do you know that there are different ways to insert that divider. Maybe that is an alternative for you to have not so big dividers on mobile devices.

    see the same divider – one with “auto – defined by svg viewport” – and then set to max-height: 150px
    the other is set to 150px height.

    https://webers-testseite.de/svg-divider/

    have a look to smaller screens – on normal desktop screen width – both seems to be the same.

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