inline social icon

Hi there,

This should be a question for the plugin support as it requires modifying the plugin's CSS.

Something like this should help you to get started:

.ss-inline-share-wrapper {
    display: inline;
}

After adding this css it is looking something like this how can i fix it?

Have you checked with the plugin support first?

They said that you should ask your theme provider to provide appropriate css.

Providing custom CSS is really neither the job of the theme or plugin support.

Try this for your HTML structure first:

[rank_math_breadcrumb]
<h1>{{post_title}}</h1>
<div class="second-line">By: {{post_author}} | Updated On: {{post_date}} [ss_social_share]</div>

Then add this CSS:

.page-hero .second-line {
   display: flex;
}