Breakpoint Management

User 2571899 Photo


Registered User
20 posts

OK, I messed things up and was wondering if there is an easy way to fix it.

I'm creating a new email and all looks pretty good. Now I need to start working on changing things for the smaller break points. I started by using a template and then made the changes I wanted to my fonts and colors. However, when I made the changes the slider was set between the largest breakpoint and the "Red" break point. If I move the slider to the right of the red breakpoint, then I get all of old changes back. Is there a way to copy changes from one breakpoint up to a higher breakpoint? Is there a way to delete the red breakpoint? And what is the red breakpoint?
User 103173 Photo


VP of Software Development
0 posts

. Is there a way to copy changes from one breakpoint up to a higher breakpoint?

What you did there is apply your styles to a particular breakpoint. This is why you see your styles lost when you move the slider to the right. There is no way to copy styles from lower breakpoints to higher ones. You will need to re-add them.

When building your emails, always make sure your slider is set to the right of the last breakpoint first. Then as you move the slider to the left, add your styles to those breakpoints.

Is there a way to delete the red breakpoint? And what is the red breakpoint?

That is your default breakpoint. You need at least 1 breakpoint so that you can make your email responsive.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 187934 Photo


Senior Advisor
19,007 posts

Hi Donald,
Try clicking the slider rail to the right of the red break point adding another break point.
Now delete the original and move the added one to the originals position.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2571899 Photo


Registered User
20 posts

I know. Its just that the red default breakpoint was hidden off to the right of the screen and I didn't see it when I started to make my changes. Can I delete the red default break point and make another one of my breakpoints the new default?

You might want to add something to the breakpoint slider line to indicate that you have additional breakpoints to the right that are off screen.
User 187934 Photo


Senior Advisor
19,007 posts

Eric Rohloff wrote:
Hi Donald,
Try clicking the slider rail to the right of the red break point adding another break point.
Now delete the original and move the added one to the originals position.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 103173 Photo


VP of Software Development
0 posts

Donald Sanders wrote:
I know. Its just that the red default breakpoint was hidden off to the right of the screen and I didn't see it when I started to make my changes. Can I delete the red default break point and make another one of my breakpoints the new default?

You might want to add something to the breakpoint slider line to indicate that you have additional breakpoints to the right that are off screen.

There is a warning for just that sort of thing Donald. ;)

https://s15.postimg.org/z9x2jj2vf/Screen_Shot_2017-05-30_at_4.09.04_PM.png

As to deleting, no that you cannot do as it is the "default" breakpoint. You can only delete custom breakpoints,
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2571899 Photo


Registered User
20 posts

You've thought of everything. But I didn't see it. Or, more likely, I saw it, didn't know what it meant, and just acknowledged it.

Thanks. :)
User 187934 Photo


Senior Advisor
19,007 posts

Eric Rohloff wrote:
Eric Rohloff wrote:
Hi Donald,
Try clicking the slider rail to the right of the red break point adding another break point.
Now delete the original and move the added one to the originals position.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.