[Resolved] Size of social icons when used in a block element as a hook

[ballerinamoose]

Hi,

I’m having the darndest time trying to figure out what is controlling the size of the social icons in my header.

I’m currently using a block element with the generate_after_primary_menu hook.

In that block, there’s a container that holds the social icons block. The container doesn’t have any height constraints, and the social icons are set to normal size (but it doesn’t matter what I set it to–even on “huge” they display at their current size). Adjusting the menu item height in the customizer doesn’t affect it either, and I can’t see anything in the CSS that’s constraining the height.

How can I make these icons a little bigger, and, ideally, how can I have them aligned horizontally with the text beside it?

(I previously tried this using a widget instead of an element, but I like the way the element works better.)

Thanks for your help!

[Fernando]

Hi Ballerinamoose,

The best approach is to use the GenerateBlocks Buttons Block in your Block Element instead. Reference: https://docs.generateblocks.com/article/buttons-overview/

Here’s a video showing how to create one: https://youtu.be/yAleVWQi5EA?t=98

Through using a GB Buttons Block you can setup the Social Media icons as you would prefer.

[ballerinamoose]

Ah! That worked perfectly. Thank you so much, Fernando! 🙂

[Fernando]

You’re welcome Ballerinamoose! 🙂

[Author]

Posts