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


Ambassador
937 posts

Use Multiple CSS Classes on a Single Element

https://www.youtube.com/watch?v=6_UXgh4IPVY

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


Ambassador
937 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
https://www.youtube.com/watch?v=Dp19DeTIakU

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

Note:
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


Ambassador
937 posts

Creating Fixed / Sticky Navigation Bar With Responsive Site Designer

https://www.youtube.com/watch?v=9J-tJF22rbM



Thank you
Guys at coffeecup are awesometacular.
User 434929 Photo


Ambassador
937 posts

Adding Links to Navigation Menu

https://www.youtube.com/watch?v=R-MSBpoCPCc
Guys at coffeecup are awesometacular.
User 379556 Photo


Registered User
692 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.

Frank
User 187934 Photo


Senior Advisor
18,078 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="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><script>
var jQ = $.noConflict(true);
jQ(window).resize(function() {
jQ("#dimensions").html(jQ(window).width());
}).resize();
</script>
<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.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/
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: http://decalsandtees.com/misc/rsd/index.html

User 434929 Photo


Ambassador
937 posts

How to place a button in the center of column

https://www.youtube.com/watch?v=MDn1n0K5YpI
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.

https://youtu.be/JAbmXtMWPys

Link to the tutorial page http://www.realdesign4you.com/tutorials/mobil-navigation

IMPORTANT This is only for a flat navigation structure.

Link to an example template: http://realdesign4you.com/tutorials/susan-swan
Only dead fish go with the flow!

I work with: RSD - RLMP - WFB - MB - WE 2.0
http://www.realdesign4you.com

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.