Toggle gap issue in mobile

Hey guys,

Hope your well.

Also, I am having issues with the toggle shortcode for mobile. There are huge gaps in untoggled mode. Sections that have this are specically "***", etc. Here is a snapshot: https://www.dropbox.com/s/ld1qhbfa9fl4m ... 9%20PM.png

The issue is located at http://www.exhilaconcertseries.com/general

The widget is located at Top widgets 1, Text "Frequently Asked Questions".

Please advise, thanks!

Hi,

It's weird thing, but it's probably connected with the contend of the toogle, because the issue is visible only in the content where you have additional tags like <br> or &nbsp - non-breaking space.

Could you remove these elements and check one block with this issue?

Hi Piotr,

So I did have &nbsp in the entire code, but in different places that didnt have the issue. I did remove them, but the issue still exists. I currently have "light" as widget style and "Automatically add paragraphs" checked. Even when unchecked the results are still the same.

Please advise, thanks!

Hi,

It's weird thing, but it's probably connected with the contend of the toogle, because the issue is visible only in the content where you have additional tags like <br> or &nbsp - non-breaking space.

Could you remove these elements and check one block with this issue?

Hi,

I still see non-braking spaces, could you add your content to General Page instead of text widget? you can also add this div:

Code: Select all

<div class="box  light >

before and this end tag

Code: Select all

</div>

after your content to keep your style.

Then you can switch to HTML editor and check exactly your content.

Hi Piotr,

Thanks for the follow-up! Unfortunately I am kind of lost on the Div part. I removed the text widget and added it to general page. I then added the <div class="Box light"> code before the content and </div> after the content. Should I be removing the toggles?

Please advise, thank you

Hi,

I still see non-braking spaces, could you add your content to General Page instead of text widget? you can also add this div:

Code: Select all

<div class="box  light >

before and this end tag

Code: Select all

</div>

after your content to keep your style.

Then you can switch to HTML editor and check exactly your content.

Also, tried it... The lightbox did appear, but the toggles still have the same issues within certain topics..

Please advise, thanks!

Hi Piotr,

Due to time on our end, we ended up just using a different approach and plugin. What we tried didn't work so we just worked around it with an alternative