Menu extensibility

[erdnuesse]

When the menu gets a bit too populated, I'm having issues keeping it all readable, and I am diggin through the CSS as to where I can modify the thresholds;

Specifically: the logo and the menu overlap pretty heavily before they collapse to the next threshold.

It would be cool to have it auto adjust based on the div contents, rather than working with fixed css box sizes (ie. 1400, 1200, 960).

Alternatively, options to
a) just turn the logo on/off, Ive seen this in other themes or
b) underflow the logo as in, both elements in a div, and as soon as they overlap, the menu shifts lower down in y-axis, while the logo does not move. I think I have done that before - years ago, but in a naked html (with floating), not grav, which is above my knowledge atm.

Nowadays I think flexboxes are the new hottest kid round the block:
https://codepen.io/tutsplus/pen/bGVPVrY

• as this has no px values for box widths as far as I could tell in all of the CSS.

However, I think for now I ditch the logo. My dev site looks like this: https://dev.living-green.eco/
(also, once I'm done, as long as I stick with the theme, I'm happy to be referenced as another "demo")

[hughbris]

Thanks for the detailed report.

I usually find a lot of shortcomings like this in themes which I source online. The demo templates look great but they often don't scale very well (as for you), fit the content very well, support functionality I want, or support removing components (e.g. some social media icons).

I should make this clearer at the top of the README: I just try to reproduce the source (templated.co) theme as it is provided and do very little tweaking (e.g. alt text). Sometimes if I extend the theme when I use it (I haven't used this one yet), I add new Twig templates. So what I'm saying is that I wouldn't be prepared to change the theme, for example to a flexbox layout. I am sure that would be an improvement and I'd be happy if you fork this theme and improve it this way. I would even link to it and recommend it like I have for Oxygen.

I must admit that part of the reason is that I am not a designer and have not kept up with CSS very well. This is also why I source open source themes online rather than building my own.

Ideally you would be able to log your issue on the source theme, but I don't think that they are interested in suggestions.

My dev site looks like this: https://dev.living-green.eco/ (also, once I'm done, as long as I stick with the theme, I'm happy to be referenced as another "demo")

This is great to see! I will add you to my Examples in the wild section for the next release. I can only list one official demo link in the theme's blueprint.

[erdnuesse]

Thanks for getting back so quickly.
So to make it clear, I am not a webdev, and don't plan on modifying the code so heavily.
I would need to look into it how much work that would be before I could make an informed decision - if that's worth my time as I've stalled the project already long enough and I just want something that looks good enough and fits the requirements.
I just thought for universal theme usage to not be limited by any lenth of my menus - any kind of change that would allow for that would be would be a good thing - though I don't know yet know how deep the digging needs to be.

As - so it seemed to me - you did some heavy lifting already by creating this, I have no Idea how big of a request this would turn out.
Lastly, regarding the demo; if I am going to find out that would be too much for me, I can't promise to keep it going forward, as I am alone in my endeavor with my site and have to focus on delivering at some point rather than getting lost in the details as this would just eat up time without me getting the content that I want out in the world, if that makes sense.