Shortcode Mobile View

I would recommend you ask this in the support forum of the plugin you are using: https://www.ads-software.com/support/plugin/give/

Hello,

Yes, I did ask, but they directed me to use custom css and that is all. Nothing specific after that.

Then the question would be what exactly do you want to customize on the mobile view? It looks pretty good to me:

View post on imgur.com

What mobile web browser are you using? On my Chrome browser it is cut off, and when I inspect it with mobile view on my desktop, it shows the same way.

https://drive.google.com/file/d/1Nnzu0GDhQ58G4UgDs-NzwJHO-NEERktI/view?usp=sharing

I looked at it in Firefox. I can see your view in Chrome too. The reason for this is a URL that you spend in the middle of the page content. This is displayed in Chrome differently than in Firefox without line breaks.

The simplest solution would be to remove this URL or replace it with a shorter link.

Alternatively, you can set the more dynamic line break for all paragraphs via CSS:

p { word-break: break-all; }

Thank you for identifying that for me, but I do not understand what you mean about the URL. I am not sure which URL is causing the issue. Is it an image url or an actual typed in text url. I just looked through and can’t seem to identify the problem.

This one:

View post on imgur.com

Hello,

So, I deleted the link, but it seems to still have an issue…

There is a second link. Just scroll through the page down and look for long URLs.

Thank you so MUCH! I deleted them all and it finally showed up correctly! I don’t understand why the links would cause that issue, when they are shorter than the sentences in the paragraphs. Is there a way around that? Would it be putting this “p { word-break: break-all; }” above or below each one? Thanks again! Such a simple solution than css!

The CSS code would be a solution for the entire website. You would store this under Appearance > Customizer > Additional CSS. But if you’re just careful not to include such long URLs in your site, that’s fine too.

Ok thanks! I will look into this in the future and keep link size in mind… Maybe adding the link embedded in text instead might be an option as well…