My project it will be designed to work with iphone, ipad, macbook and equivalent of other brands.
Went to mac store to check the screen pixelsof that equipment but it is no working as I expected.
What I ask is: what are the commons breakpoints for this range of equipment you are using.
My smallest breakpoint is 211 px and can´t see anything with iphone6, only header and footer, probably another error. Just want to know the common breakpoints you are using.
Thanks in advance
Regards

Don't worry about specific devices too much, set your breakpoints where they're needed for your layout. For example; 768px is a common breakpoint, but I often use 800 or even a bit higher to avoid skinny columns before switching to a smaller screen size. Do what works best for your layout and content, then check it out on different screens to see if further adjustments are needed. Instead of changing breakpoints, you might just need to change some text size.
I would go down to a one column layout well before 211px, so a break there wouldn't be needed.

This will give you a good idea how your site displays on common phone sizes:
http://www.responsinator.com/
...and also take advantage of your browser – in Firefox use Developer Tools > Responsive Design View ( Chrome would have something similar).

+1

Paintbrush: for my site http://ilgirlsstate.org

Would moving my breakpoint so higher prevent me text from being smoothed to the right? Or am I missing something simple?

Thanks in advance for any assistance or suggestions.

Angela, Take a look at the layout tab and increase or decrease you column span widths to make content behave at the lower break points. At lower screen sizes you generally would increase you span count to the max so they occupy the full width of the screen.

Thanks Eric. I figure it was a simple fix that would take me forever to figure out!

Try going down to one column at 100% width around 480 – 520px. Equal margins for left and right (0 or auto).
I'd switch to the mobile menu version around 680 – 700px.

For phones, you need to keep your links/buttons large enough for someone to tap without hitting the wrong one. Your mobile menu buttons could go 100% width, with some top/bottom padding and a bit of bottom margin to separate them and give them more "tap space".

Angela, I saw your post in the "show your website" thread. Good work on getting so much done so quickly (speaks well for RSD's ease of use). About the 20 page limit; I was thinking you could put more of your info into sections on single pages.
For example, one Orientation Information page could have 3 sections: dates/location, online, and resources. Put buttons (anchor links) near the top of the page – under a heading identifying each page would be good.
Look other things that would work together, like one "About IGS" page that could contain the general history, alumni and a list of useful links.

Hopefully the 20 page limit is increased soon

I know there are work around a. I just decide that 1am was not the time to try work arounds

Thanks for the help and suggestions. I now have to rebuild the menu because version 1.5 of menu builder will not save or export changes.