Dropdown menu navigation with sticky...

User 2907842 Photo


Registered User
45 posts

You're incredible, and I appreciate all the support for getting this project out to the world !

Is there a possibility upon clicking a link contained within drop-down menu, that it closes?
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

They close. Just duplicate the page, call it 'page2' or something, and link between them them, to the new page and back to the first one.
Of course the menu will not close when in SD3, but it will in a browser.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2907842 Photo


Registered User
45 posts

This is coming together beautifully. Quick thought about the ample-padding container with filler content.
From what I'm understanding is that anything / everything that would be inside the body of the page.
Should be put inside the ample-padding container. Acting as a body?
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

Yes, I had thought that the 'ample-top-padding' container could act as a 'body' for the page contents. If needed, you can pop more containers into that 'body'. Just as an example, I made a new entry in my library with this file (well, I changed the look and feel a bit...): http://www.horgenhonning.net/sharing/fi … index.html . You will see that I collected the bits and pieces of advice I had given you and included them in the file. ;)

One thing that I did not mention, but maybe I should, is that if you don't like my class names, like 'ample-top-padding' and want to change it, you risk losing the styles. What I do to make it easier to reinstate the styles is, I open two SD3 windows, One with the file in question, the other one with a copy. of the same file. Then I change the class names I want to change in one of the files and use the other one as a reference to see what I have to redo. Bob from the CC staff said something about EDITING class names, but I haven't found my way to how to do that yet. I'll post it here when I get a reply from him. Or maybe someone else knows?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 244626 Photo


Registered User
811 posts

Its easy or it can be complicated depending if your element has one class, or a group of classes. If it has one class or a class on the far right of a group you can click the x on the class to delete it. Its important once you do this NOT to move your mouse after doing so. Immediately type in the new class name and hit tab. The new class name will have the same settings as the old class name you deleted.

If you have a group of class names and want to rename the one of the ones to the left of the far right or last class name what I do is duplicate the element. On the duplicated element I delete all the classes except the one I want to rename. I click the x, let go of the mouse, type the new class name and hit tab. Now I go back to the original element with all the classes and delete the old name. I then click in a blank spot on the class name box and a list comes up of available classes. I pick the new class name. I then go and delete the duplicate element.

If you use the grey out a class name feature and group styles using this method it gets even more complicated. Not even sure how one would do that.
Bootstrap 5 CSS Grid.
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

I think I'll have to practise that... Thanks, Twinsteam!
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.