Jump to content

Overlapping text on newsletter block on mobile (due to code block?)

Go to solution Solved by tuanphan,

Recommended Posts

Hi!

On my blog post page, I'm pulling in a newsletter block via the Section Loader Supreme plugin from Will Myers. It's working well on desktop, but I'm having a problem on mobile where the text below the name and email fields is overlapping the fields.

I'm using code to hide the last name field. There is a code block behind the newsletter block on desktop, but on mobile, it's stacked below, so perhaps this is what's causing the overlapping issue.

What can I do? Can I move the code block behind the newsletter block on mobile? Is that okay to have code blocks behind text blocks?

Website: https://www.kristinkuehn.com

Password: 2eRFn7gQ

Many thanks!

Edited by Aurora
Link to comment
  • Solution

In the page where you added Newsletter Block, add a new section > Choose Classic Editor Section

image.thumb.png.61646e2bcf4387bd85eac8c705f61d69.png

then add Newsletter

Then check again (keep same url to make plugin always work)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
1 hour ago, tuanphan said:

In the page where you added Newsletter Block, add a new section > Choose Classic Editor Section

image.thumb.png.61646e2bcf4387bd85eac8c705f61d69.png

then add Newsletter

Then check again (keep same url to make plugin always work)

Thanks so much for your help! I think it's working. I have them both up on the site now to compare.

Would you be so kind as to explain to me why, so that I know how to deal with this in the future? I've never used the classic editor anywhere on my site, and this is also the first plugin I've ever used.

I've also noticed on mobile that the classic editor version's newsletter description is more narrow than the one built with fluid engine. Is this to be expected?

Link to comment
On 11/10/2023 at 4:16 PM, Aurora said:

Thanks so much for your help! I think it's working. I have them both up on the site now to compare.

Would you be so kind as to explain to me why, so that I know how to deal with this in the future? I've never used the classic editor anywhere on my site, and this is also the first plugin I've ever used.

I've also noticed on mobile that the classic editor version's newsletter description is more narrow than the one built with fluid engine. Is this to be expected?

Your problem is not with the plugin, but it is a common problem in the new editor that SS has not yet released a fix for. I usually use classic section. If you need to adjust newsletter description width, let me know, I will give extra code

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 11/12/2023 at 10:08 AM, tuanphan said:

Your problem is not with the plugin, but it is a common problem in the new editor that SS has not yet released a fix for. I usually use classic section. If you need to adjust newsletter description width, let me know, I will give extra code

Thanks so much for your reply! I appreciate it.

When you say it's a common problem within Squarespace, what exactly IS the problem? Is the problem that the code blocks can't be minimized?

Also, can I just mix sections using the classic editor and section using fluid engine? For some reason, I thought I had to pick one.

Many thanks!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.