Avada Forums Community Forum Overlapping Text Issue in Avada Music Prebuilt Theme

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • gro11ver
    Participant
    Post count: 4

    I would like to use this accordion on my own site, but the theme needs some adjustment https://avada.theme-fusion.com/music/live-dates/. If you decrease the size of the browser, the text starts to overlap the map. Does anyone know how to fix this?

    marklchaves
    Participant
    Post count: 873

    Hi,

    I don’t see that happening. Here’s what I see.

    https://imgur.com/a/m7Jm6pp

    Thanks!

    gro11ver
    Participant
    Post count: 4

    Does the browser make a difference? I use Chrome.

    Music Theme Text Overlap

    gro11ver
    Participant
    Post count: 4

    And this is my site using that pre-built theme and its accordion.

    My Site

    gro11ver
    Participant
    Post count: 4

    I decreased the width of the map as a solution.

    marklchaves
    Participant
    Post count: 873

    Hi @gro11ver,

    That will work. Thanks for the screen captures. They helped. At least in the demo, I can see that the map placeholder uses a fixed width (335px). That’s why it overlaps on certain browser width sizes.

    Here’s a screen capture of that https://imgur.com/a/bqwwRx5

    For anyone interested, try to use a responsive unit for widths such as %. See if that’s more responsive.

    Here’s a quick demo that reproduces the overlap issue using a fixed-width image alongside the % width solution.

    https://codepen.io/marklchaves/pen/ExoYYvr

    Enjoy!

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