Bootstrap 4.0 Navigation help

User 2837464 Photo


Registered User
32 posts

Hello

So I have experience with RSD but the navigation is something that I need some help with.

Here is the navigation and code:

http://codepen.io/taniarascia/pen/dYvvYv

Three parts:

1. HTML ---> HTML Block
2. CSS ---> I am not 100% sure what to do here.

I did add it as a resource but the CSS only half worked.

3. JS ---> This part really has me confused since when I place it in the footer and test it, I get the whole code as text displayed.

Any help would be great or ideas.

- Marty
Attachments:
User 187934 Photo


Senior Advisor
20,271 posts

1. Place html in html element.

2. Place css in head section
<style>css here</style> or create a custom style sheet and add the link to it in the head area and add the sheet to your resources.

3. Place the js in the footer area.
<script> js goes here </script>
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)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2837464 Photo


Registered User
32 posts

Eric

Nope. Check it...

I did the simple way and just added to the Head and Footer.

- Marty
Attachments:
User 2837464 Photo


Registered User
32 posts

This is the part I do not understand. It should be easier to do then this. Or there should be documentation since i know what I am doing is not new.

RSD is amazing but there are little parts that are not and I wish I could figure it out.

- Marty
User 2837464 Photo


Registered User
32 posts

The CSS was not compiled. It worked. Thanks. WOW. Just like you said. Thanks a bunch!!!

- Marty
User 2837464 Photo


Registered User
32 posts

The CSS was using variables and I guess RSD doesnt see those. I get CSS variables but why RSD does not is above my head.

- Marty
User 283347 Photo


Registered User
388 posts

Hey Marty....what do you mean css not compiled?

what did you do to get it to work? I have tried codepen before with no luck.:(
MJ
User 2837464 Photo


Registered User
32 posts

Mark

That is when using Sass I think or variables.

I got it to work by selecting view compiled. RSD I guess cannot use variables.

- Marty
Attachments:
User 2837464 Photo


Registered User
32 posts

Here is the completed file.

I will redo my site later but for now I am just going to place this code on each page and it should work just fine.

Hope this helps anybody that has had the same problems I have had with RSD and some of its smaller details. This file is based on BS 4.0 and will be the framework I will pic when I redo the site.

From what I have learned is this: I will create one page and have it contain just about all my pages and then duplicate each page and then rename and delete content as needed. This way all my classes will be the same named items and I feel will make things easier.

This is my third website with RSD and all three sites have been the same, just different and just learning. Not fun but I guess it is all a part of the learning process.

- Marty
Attachments:
User 122279 Photo


Senior Advisor
14,650 posts

Hi Marty,

It looks like you need to increase the max-width of your menu a bit, see attached. I tried 842px, and that seems to be the minimum for all items appearing in one line.
And you might want to correct the typo in the word 'Guarantee'. ;)
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.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.