Frameworkless menu - Post ID 304697

User 3174986 Photo


Registered User
115 posts

Inger wrote:
And will you let us have a look at this menu? :D


Of course, definitely! I’ll just rest a little, I’ve been tormented with him. I almost broke my monitor when I couldn’t understand why the checkbox entered itself before the pictures link. So I need a couple of days of rest, then I will decorate the menu and post it to you :)
User 122279 Photo


Senior Advisor
14,563 posts

Juan Elias wrote:
Inger wrote:
And will you let us have a look at this menu? :D


Of course, definitely! I’ll just rest a little, I’ve been tormented with him. I almost broke my monitor when I couldn’t understand why the checkbox entered itself before the pictures link. So I need a couple of days of rest, then I will decorate the menu and post it to you :)


Looking forward to it! :D
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 3174986 Photo


Registered User
115 posts

Inger wrote:
Juan Elias wrote:
Inger wrote:
And will you let us have a look at this menu? :D


Of course, definitely! I’ll just rest a little, I’ve been tormented with him. I almost broke my monitor when I couldn’t understand why the checkbox entered itself before the pictures link. So I need a couple of days of rest, then I will decorate the menu and post it to you :)


Looking forward to it! :D


Hello Inger!

Unfortunately, I didn’t have time to refine the menu. A lot of work came up, so I didn’t even get a chance to rest. Therefore, I’m sending you the file as it is. Please remember that this is a draft version. I was aiming for the menu to function as I needed, and once I achieved that, I stopped. I’m sure there’s a lot that needs improvement, and there might be errors, as everything was done in a hurry.
Perhaps you have suggestions on what to change or add. I think I’ll have some free time in about a week and will return to working on this menu.
Attachments:
User 122279 Photo


Senior Advisor
14,563 posts

Hi Juan,

I've taken a look at it, and it seems a good prototype for menus. Surely, it will need some styling to look its best. If you need ideas for the 'beautification', we may have some for you. :D
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 3174986 Photo


Registered User
115 posts

Inger wrote:
Hi Juan,

I've taken a look at it, and it seems a good prototype for menus. Surely, it will need some styling to look its best. If you need ideas for the 'beautification', we may have some for you. :D


If you have time for this, I would gladly not refuse! :)
I've suddenly got a lot of work to do, but in a week I'll be free and start working on this menu. I have 7 versions of them. I didn't like the pure css version. Therefore, I decided to develop the css+js version. And this is not the final assembly. I still need to improve the js and of course the css.
User 122279 Photo


Senior Advisor
14,563 posts

Among the 'regulars' here, I'm sure we can come up with something. :D
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 3174986 Photo


Registered User
115 posts

Inger wrote:
Among the 'regulars' here, I'm sure we can come up with something. :D


Basically, this menu https://components.coffeecup.com/multi-level-menus.html doesn't suit me only because the transition point from the mobile menu to the horizontal menu and back is set at 800 pixels, but I need it to be mobile-first up to 768 pixels, with the transition to the horizontal menu starting at 769 pixels. I just don't know how to change this in the Site Designer program.

I can easily write the `@media` rule in the code, but I don't want to. I want to do everything within the Site Designer program. If you know how to do this within the program, I would be immensely grateful if you could tell me!

As for my menu, I'm not quite satisfied with it at the moment; it still needs work. Maybe I’ll be able to bring it to the quality I want to see.
User 122279 Photo


Senior Advisor
14,563 posts

Changing the position of the breakpoint in Frameworkless is easy: Move the slider to the desired position, then move the breakpoint to the same position. The most difficult part might be hitting the exact pixel width.

Which way are you building your menu? Desktop-down or mobile-up? The ready-made menus seem to be for desktop-down.
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 3174986 Photo


Registered User
115 posts

Inger wrote:
Changing the position of the breakpoint in Frameworkless is easy: Move the slider to the desired position, then move the breakpoint to the same position. The most difficult part might be hitting the exact pixel width.

Which way are you building your menu? Desktop-down or mobile-up? The ready-made menus seem to be for desktop-down.


I didn’t mean my menu, but the menu from CoffeeCup which is in my link above. It is set to 800px, but I need to redefine it to 768px and I don’t know how to do this in the SD program.

PS. mobile-up
User 2699991 Photo


Registered User
5,118 posts
Online Now

Changing the position of the breakpoint in Frameworkless is easy: Move the slider to the desired position, then move the breakpoint to the same position. The most difficult part might be hitting the exact pixel width.

didn’t mean my menu, but the menu from CoffeeCup which is in my link above. It is set to 800px, but I need to redefine it to 768px and I don’t know how to do this in the SD program

You can set a break point to the exact amount of pixels or em by adjusting the figure below the two buttons where you add or subtract a breakpoint.

underneath that you can see a number that indicates where the slider is, if you click on that number it toggles between pixels and em's once you have the pixel or em displayed, to the left are adjustment up/down arrows,, you can then go up or down until you reach the desired amount, at that point hit the + button above,,,


BOOM in goes a breakpoint at that exact amount of pixels. Then delete the breakpoint you don't want
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/

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.