I am using the generate_before_main_content hook element to display 8 little icons. I have set the priority for each one to display in the desired order. But they are displaying vertically and I would like them to be horizontal. Thanks for any advice on this.
You can add them into the same element, then add a
element to wrap them, eg: <div class="my-icons"> [shortcode-1][shortcode-2][shortcode-3][shortcode-4][shortcode-5][shortcode-6][shortcode-7][shortcode-8]</div>
Then add this CSS:
.my-icon {
display: flex;
}
If this doesn’t work, can you link us to the page where we can see those icons?