align button to bottom of bloc blocs app

which it clearly is if header-footer-item is inline. The big question is - how do I fix it? I'm also interested to know why making a child element (the button) float right makes the parent element (the span) no longer vertically align in the containing div (but only if it is inline-block, not inline).and finally, isn't it 'against the rules' (, #4) for a floating box's outer top to be higher than the top of its containing block?. I have added line heights as per CSS Vertical align does not work with float The link with a Boostrap menu that I showed in the inital post, seems to offer it. If I change header-footer-item from inline-block to inline then the floated button renders above its containing element, which I thought was against the rules: (#4 in the accepted answer here How to vertically middle-align floating elements of unknown heights?) - although the parent element is then vertically aligned in the middle. I’ve already tried to use the dropdown feature inside the blocs App em the menu manager, but I really need a menu (and sub itens) that offer more control in terms of styling and position/behavior precision. If I remove float:right from the button, it works, but I want it on the right. Here’s the complete code I used for white menu text and white Hamburg.I just can't get the button with class align-right to vertically align in the middle. Is there any way to save it and reuse the bloc with the header code? It saved it ok but when I went to try it the code was gone. I add the other style code and then added a custom bloc. The next version of Blocs may already provide opportunities for other more direct approaches This is really great! It’s not too hard and if you add the other style for the Hamburg Icon color it’s even better.

Otherwise I think could probably add something in the app with setting(s) in the sidebar for toggling such a features use and input parameters. With “:/::before + content:” you can also include icons, images and do many other things.

Its simply a starting point to begin exploring this method based upon what you want to do with your design. I’m not really saying you need all these properties, you may need others or fewer. Here is a quick example when used along side the “standard hamburger” symbol, including some various CSS properties to begin playing around with.ĮDIT: Here is the CSS from the above screenshot: Then adjust the style however you want based upon the hamburger symbol you choose, site design, etc. One way – You could use the CSS “: / ::before” psuedo element along with the “content:” property on the “navbar-toggle” class by adding it via the Page Settings > Add Code. Is there a way to do this with a class or coding

Align button to bottom of bloc blocs app