Articles tagged “Responsive” - Sort...

How to allow text to wrap around an image in Responsive Layout Maker

window.location.href = "https://www.coffeecup.com/help/articles/1433"

How to design an Responsive Email for the Top 10 Email Clients

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),...

Responsive Layout Pro Template Pack Preview

Layout Maker Pro 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...

Grid Systems and Frameworks

  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 for bullet proof Responsive Design

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...

How to use Push & Pull in Responsive Layout Maker

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!...

Editing the Remaining Pages

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...

Chapter 4: Refining Your Design

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...

Can I Mix Vertical and Horizontal Menus?

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???...

Menu Builder Resources

This is a page in (never ending) progress... Themes, Projects, Prototypes, Links, Experiments & More: Do you love our snazzy quick start examples (thanks, you’re making us blush)...

What are CSS3 Media Queries?

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...

Centering your Buttons in a Menu

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 ....

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...

Menu Builder Quick Start Guide

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...

Chapter 7: Responsive Navigation Menus

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...

Chapter 2: Understanding HTML & CSS3

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...

Chapter 4: Build your Menu

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....

Chapter 1: Getting Started

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...

Chapter 5: Explanation of Terms and Functions

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...

Chapter 8: Responsive Layout Maker Quick Start Guide

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...

Putting it all together

Now that you know how Layout Maker works, let’s put your skills to the test. Here we are going to walk you through a quick process on how to build a layout. This only covers the basics, but...

Chapter 7: Responsive Layout Maker Quick Start Guide

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....

Chapter 1: Managing The Responsive Grid with Layout Maker

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...

Adding a Responsive Menu To Your Page

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...

Responsive Themes: What are they?

You may be asking yourself what really is a Responsive theme and why do I need one? Well a responsive theme is a process of web design that allows a website designer to restructure a website at...

Responsive Form Themes

Web Form Builder is the first form program in the world to offer responsive designs. What's "responsive," you ask? A responsive web design is one that responds to the size of...