Overlapping Text Issue in Avada Music Prebuilt Theme

[gro11ver]

#878844

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]

#878860

Hi,

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

https://imgur.com/a/m7Jm6pp

Thanks!

[gro11ver]

#878919

Does the browser make a difference? I use Chrome.

[gro11ver]

#878920

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

[gro11ver]

#879018

I decreased the width of the map as a solution.

[marklchaves]

#879020

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!

[Author]

Posts