I’m finding that there appears to be a lot of whitespace around elements that I have no control over. Is there somewhere that this is being specified so I can tighten things up?
The first place I notice this is with the navbar. By default, it is really tall, and I cannot find any way to reduce the height I can find.
The same applies to an SVG that I placed within a Flex Item. The Flex Item ends up being square even though the SVG is a narrow rectangle. With the Flex Item, I partially fixed the problem by using the translate settings, which remove the excess whitespace below the SVG but add more above. I’m assuming this is because it simply adjusts the position of the SVG within the Flex item. Maybe I don’t have the Flex setup correctly.
Of course, this could all be a user error, but I thought I would try to find out how to reduce the problem.
NOTE: I have not added any padding or margins around these items.
For the Menu: right now there are no styling options for the padding/height of the Menu. It is something we could add though
Keep in mind that the Sections are designed to be ready to go “out of the box”, and not have an overwhelming amount of styling options. They should be dropped on the page and look great.
We do, however, want to make all the Section components flexible enough so you can customise them just enough to make them your own
This is the type of navbar I’m attempting to construct but from what I have discovered so far it does not look possible. This is a sticky navbar that stays at the location shown as the content scrolls.
One thing I have not been able to discover with the Menu component in Elements is a means fo indicating the currently active page in the navbar. It seems there are a few missing settings for achieving this, including a HOVER background color and an ACTIVE page background color. Am I missing something.
Yes, I had discovered that and applied it to the menu, so now it has the look I was after. The only remaining issue is reducing the height of the menu, when that becomes available.
I also need to figure out how one gets the items in the navbar right aligned instead of centered.
I’d also like to know how I can get rid of the drop zone at the right edge of the navbar?
We removed some of the prototype Components for the Beta while we worked out what users want/need. You can expect many more components and options as the beta progresses - we will be focused around added user requests
That is only visible in the editor, if you preview the site in your browser you’ll notice the drop zone has gone
One thing I discovered that was impacting the amount of whitespace around an SVG component was the fact that when specifying the SIZE of the component. An assumption appears to being made that the SVG is a SQUARE. But if it is in fact a rectangle a lot of extra space can be added to the SVG, in my case to the top and bottom.
It seems there should be an option to specify both the width and height of the SVG, not just a size value. Or it should initially use the VIEWBOX of the SVG if present and then allow the size to be scaled.
