Popup Navigation -> toggle icon -> changing size

Hi @elixirgraphics,

I have two questions:

I was wondering if it is possible to add an option for changing the size of the toggle icon of the Popup navigation? When I get this right, its size is fix 56x56, right?

Haven’t found a way to define a different size by now. I’m working on a manual mobile navigation bar where I’m placing the logo on the left and the popup nav element on the right, and I would need a max. size of 40x40.

I think, this might be the reason why I get this little visual gap here. The icon is larger and so my padding settings are being overwritten.

Bildschirmfoto 2023-11-10 um 17.03.14

Or do you have a different approach to how I might solve this with Blacksmith?

Thanks in advance :pray:

Hi, use this in blacksmith:



You can define the media query to select when the scale should be applied:


1 Like

Hi @Fuellemann,

thank you for your input. Appreciate it. Tried it, but that didn’t seem to work. :thinking:

After that I started playing around with Blacksmith a lot, but wasn’t lucky at all in achieving what I planned. I ended up defining Custom Selectors, like #stacks_in_456-popup-wrapper.d-inline-block to slowly get to the idea I had in my head. :exploding_head:

Finally, I decided to go with a different solution by only having a complete transparent background color of the icon and only changing the icon color itself on hover. That works fine for me and I can move on now… :wink:

Wish you, and the rest of the board, a happy weekend. :partying_face: