Before we start, make sure you have secured your copy of (responsive) Menu Builder . This awesome app helps you create HTML & CSS3 navigation menus without coding—sweet! For the...
window.location.href = "https://www.coffeecup.com/help/articles/1432"
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...
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???...
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 ....
Yep, you asked for it, we listened. Using Website Insight you can now create customized reports based on the scanned data the app finds. Within a matter of minutes, you can export a...
An Overview of Menu Builder CoffeeCup has a long history of building software for designing navigation menus. And for good reason, making attractive, functional drop down menus has always been...
When opening the program, you are presented with the Image Mapper Wizard, which asks whether you would like to start a new image map, or open an existing one. Image Mapper Wizard...
Row & Column Management in the Grid Keeping the content and page elements organized at every possible display width is virtually impossible without the use of a good grid system. Grid based...
Design pane The design tab holds many of the editing features of the program and can assist in setting up your new image map! These tools allow you to specify different links using the right...
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...
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...
Ready to export your image map? When exporting, you have two choices to select from (responsive and non-responsive). To start the export process go to File > Export Image Map select the type of...
Customizing Content and Styles Each element, including the grid itself, the rows and columns, can be customized. These customization options are located on the...
Layout, Elements & Themes In this chapter we will be starting the creation of a menu. You’ll get an overview of the different visual controls and and learn to use a bunch of them....
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...
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...
With the ever changing world of web design and ever growing mobile market, your form notifications need to be crisp and responsive. By making this change, you are allowing customers to access the...
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...
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...
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...
Layout Maker also allows you to include additional pages, giving you the ability to fully mock up an entire website. As you add pages, they will automatically appear in your Navigation element....
Responsive Navigation: relative widths and breakpoints Responsive web design is a technique used to build websites and website components (like a web form or navigation menu) that are easily...
Now that your layout is ready for the public, you’ll want to explore your options for putting it on the web. You can publish to S-Drive by entering your CoffeeCup account information, export...
Create links to files, documents, external pages, anchors, email address and phone numbers. Responsive Site Designer makes it easy to link to other pages, files, and documents. You can...
Need a little more pratice? In this article we explain how to edit the HTML and CSS of the remaining pages of our project. Follow along with the instructions and your Nova theme will be up and...
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...
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...
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...
