Menu from menu builder folding out...

User 566707 Photo


Registered User
81 posts

Good day

I meanwhile understand that I can only make a responsive menu for RSD with the menu builder app. That is fine, I understand how to get it there but...

On a mobile screen size I would like to have the icon option (just like the coffeecup theme) which is clickable. So far so good but HOW can I get the menu to fold out OVER the underlying text in a column instead of being added on top of it?
User 566707 Photo


Registered User
81 posts

No one?
User 2088758 Photo


Senior Advisor
3,121 posts

Hi Max,

This will have to be done post export. It may be a good thing to ask for in the suggestions to make menu builder better.

I am not crazy good with customizing the css but thats what needs to be done here. You will have to find the css that controls the "Menu" title and set display:none; when it reaches mobile level. This should leave the icon in place.

Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 379556 Photo


Registered User
1,603 posts

I have done it by giving the HTML element a max height (about 50 px) in RSD. It becomes necessary to ensure the menu items are given a solid colour background (Note), as otherwise the text underneath shows through.

Frank

Note: Although it looks as if they already have a solid colour background by default in Menu Builder, I found there was in fact a transparent background. It was necessary to change them to another colour and back to white. FC

PS. Steve - Sorry. Your answer appeared on my screen as I posted my answer. FC
User 2088758 Photo


Senior Advisor
3,121 posts

Its all good Frank! Thanks the more answers the better.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 566707 Photo


Registered User
81 posts

I will try that! Thanks guys

i am now struggling to get the menu in the center of the screen :-( Tried everything, HTML in a container with flexbox and centered, in a column etc but no luck so far :-( Menu seems to prefer the left of the screen
User 2088758 Photo


Senior Advisor
3,121 posts

Try changing the menu style to remove the width restraint. If you have a fixed width of 720px i think is the default, it will align left. Then put all your menu buttons to center.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 566707 Photo


Registered User
81 posts

yes i have a fixed width. but where can I put the menu buttons to center?
User 122279 Photo


Senior Advisor
14,652 posts
Online Now

Check the Menu Builder thread.
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 566707 Photo


Registered User
81 posts

I did. I think it look OK now http://www.runpower.nl

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.