There are two ways to generate your email in Responsive Email Designer; to your CoffeeCup account or to your local computer. Depending on your skill sets and needs, one may work better for you...
Layout Maker Template Pack Looking for inspiration on how to create a responsive layout? If so, then we got you covered! Here we have put together an awesome bundle of responsive layouts that...
The Stack This is one of the most frequently used responsive action. The reason for that is simple, at small screens there is little room for content to be displayed next to each other....
How-to's and Tutorials: With Responsive Layout Maker (RLM) not only can you create a wireframe/prototype, you can also export and create a responsive website from the generated files. Here...
Customizing Content and Styles Each element, including the grid itself, the rows and columns, can be customized. These customization options are located on the...
Populating the layout design with content elements This part of the application is so intuitive that it barely needs any explanation. Simply decide on your content needs, drag them on your...
We all know videos can be a very powerful tool in helping your visitors make a decision on what to buy or simply learn more on what you have to offer. Inserting these videos into Responsive...
Responsive Layout Maker comes in two versions, Responsive Layout Maker and Responsive Layout Maker Pro. Both versions allow you to create amazing site layouts, but there are distinct differences...
We all know that designing a website can be time consuming and labor intensive and developing a responsive website can be even more challenging. There are so many different variables to a...
It is always helpful to have predefined classes when designing any website. That is why both Coffeegrinder and Bootstrap 2 have included a few predefined classes that can make building your...
window.location.href = "https://www.coffeecup.com/help/articles/1432"
Display Properties are used for controlling the way elements flow within your layout. All elements have a default display depending on what type element it is. Usually this is block or inline....
One of the most common element everyone wants to add to their website are images. With Responsive Layout Maker, we offer you two options for adding them to your layout. The Export Path...
Introduction Billions of people access the Internet from devices with all different screen sizes. To assure a good looking, usable website on every single device, it's gotta be responsive....
window.location.href = "https://www.coffeecup.com/help/articles/1433"
When using Responsive Email Designer there are many different email clients that you have to take into consideration when you are designing your email. While there are many out there (hundreds),...
A solid, custom, responsive layout design in 9 simple steps This article will teach you how to create a structure of a responsive page design, focusing only on the placement of the content...
We are working on it! We have a lot of information that we want to cover here, so be patient with us as we continually update this article. How (Responsive)...
Grids Create Order and Consistency. Consisting of a series of rows and columns, grid based layouts convey order and consistency. They provide an organizational framework that helps to create...
We know that you were taught that pushing and pulling were unacceptable in school, but that is only if you do it to a living being. It does not count when it is an Element in your design!...
Preface: A Mobile Explosion It was the end of 2009, about 8 years after the dot-com bubble burst; the Internet counts close to 200 million domain names, and over 230 million websites (none of...
Responsifying the Design The preview (and editing) area in Responsive Layout Maker is an actual browser. This has the advantage that the design will look and behave exactly like it will when...
When you start Menu Builder for the first time, you will have to choose the type of layout you would like your menu to use. Once you select a layout, it cannot be modified later.... or can it???...
Media queries are a powerful ingredient of Responsive Web Design (RWD) supported by all modern browsers. A media query is a small bit of CSS code that works by asking (querying) the...
Here you will find the steps to center your buttons for a horizontal menu. If you need help with adding a background please see this article Extending Menu Background Across Entire Page ....
In this article we will explain how to adjust the markup of your Responsive menu so that it extends the entire width of your page for any menu created with Responsive CSS Menu Builder. With just a...
If you want to build good looking, well functioning navigation menus, you’ve come to the right app. CoffeeCup Menu Builder has been designed to help you build sophisticated, standards...
Exporting your Menu Now that you have completed building your menu, it is time to get it into your website. When you select this option, you’ll be prompted to save your menu. Once this is...
The Code Powering Your Menu No need to get into details here in this chapter, after all, Menu Builder does all the work for you. But this we want to make clear before we go any further: HTML...
To help you take advantage of the full potential of Layout Maker, we have put together a glossary of the most common terms we use through the software to help you become more familiar with the...