Responsive Site Designer Tips and...

User 103173 Photo

VP of Software Development
0 posts

Share your tricks or tips for Responsive Site Designer with others!

This thread is for tricks and tips only - please no problem questions. Have a problem or question or want to chit chat about this program then Start a new thread please.
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 434929 Photo

938 posts

Use Multiple CSS Classes on a Single Element

Responsive Site Designer allows you to define each element with up to 4 classes to provide additional information about each element or give it different styles.
And you don’t have to limit yourself with elements to just one class. If you need to set multiple classes on an element, you add them simply by separating them with a space in your attribute.
Guys at coffeecup are awesometacular.
User 434929 Photo

938 posts

Pauline Leverett wrote:

I'm sure this process is very easy if you know exactly what you're doing but this YouTube video is so fast it's very difficult to follow! Any chance of an idiot's guide to responsive navigation menu?

I will do it again soon once I got little time and till then have look at this video here

Since RLM and RSD very similar , then I will tell you how to make it sticky.

Please read above Scott Note and keep here clean for Tips and Tricks ONLY

once you read this message please advice admin here to delete these extra topics

Guys at coffeecup are awesometacular.
User 434929 Photo

938 posts

Creating Fixed / Sticky Navigation Bar With Responsive Site Designer

Thank you
Guys at coffeecup are awesometacular.
User 434929 Photo

938 posts

Adding Links to Navigation Menu
Guys at coffeecup are awesometacular.
User 379556 Photo

Registered User
1,317 posts

I was very slow to realise that, on the 'Select Export Folder' box I needed to navigate to the correct folder only once. On subsequent exports I could get to the right folder without navigating to it.

What I now do is as follows -
1. When first using the 'Select Export Folder':
a. I navigate to the correct folder.
b. Before clicking on the 'Select Folder' button I click towards the right-hand end of the address bar at the top to select the address, and press Ctrl-c to copy it.
2. On subsequent exports to the same folder, I simply press Ctrl-v as soon as the 'Select Export Folder' box opens, and click the 'Select Folder' button.

User 187934 Photo

Senior Advisor
19,925 posts

See you screen width in your browser preview and online.
Place this piece of code into a html element and place it in a row by itself to see what the screen width is to diagnose layout problems.
<script src=""></script><script>
var jQ = $.noConflict(true);
jQ(window).resize(function() {
<h2 style="color:#FFFFFF">Page Width: <span id="dimensions"></span></h2>

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)
This is a site I built for use in my job.(HTML Editor)
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
User 2336860 Photo

Registered User
252 posts

Fixed Position Animated Nav Bar

This will allow you to have a fixed position animated top nav bar in RSD.
Example here as well as the .rsd file:

User 434929 Photo

938 posts

How to place a button in the center of column
Guys at coffeecup are awesometacular.
User 2407752 Photo

Registered User
44 posts

Create a simple mobil navigation inside the RSD with a few lines of extra code.

Link to the tutorial page

IMPORTANT This is only for a flat navigation structure.

Link to an example template:
Only dead fish go with the flow!

I work with: RSD - RLMP - WFB - MB - WE 2.0

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.