Tui Lei Hai

With the strong tags, the social share buttons appear alright. The text (Share On Twitter & Share On Facebook) breaks into two lines for 240×320 device. But they are not centralized.

How to centralize the text?

One more thing currently this social share buttons appear only in the single post. What code do I need to add to have them in both pages and home page?

This is the code I have in the functions.php

But without both the opening and closing strong tags, the text “Share With Twitter” and “Share with Facebook” got cropped for 240×320 device. In other words, both the text are not centralized.

Could anyone help me out on this problem? The responsive code I am using is the one suggested by martcol as shown above.

I use this tool to check:https://mattkersley.com/responsive/
After following your suggestion, it is almost fixed.
There is only a slight problem with 240×320 and 320×480 device.

I got it. it is margin: left. But I have responsive problem with 240×320 and 320×480 device.

This is what I have in my custom css.

.crucify-link {
padding: 5px 10px;
color: white;
font-size: 15px;
font-weight: bold;
}

.crucify-link:hover,.crunchify-link:active {
color: white;
}

.crucify-twitter {
background: #41B7D8;
}

.crucify-twitter:hover,.crucify-twitter:active {
background: #279ebf;
}

.crucify-facebook {
background: #3B5997;

}

.crucify-facebook:hover,.crucify-facebook:active {
background: #2d4372;
}

.crucify-social {
margin: 20px 0px 25px 0px;
-webkit-font-smoothing: antialiased;
font-size: 12px;

}

Where should I add the line suggested?

How do I make the both gaps between sidebar and the main content narrower?

After searching all over various forums, I managed to fix it.

It is by adding this code in the custom CSS file:
.content .entry-title {
site-content article
word-wrap: normal;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}

Hey Stephencottontail, thank you for your very prompt reply. Anyway, awhile ago I just managed to fix it. I just add:
#footer p{
text-align: center;
}
in my custom CSS template.

Erik, thank you for your prompt reply. It works beautifully.

Wow! A big thank you for your help. It works perfectly.

Can anyone help me out?

This is my site URL: https://bestlifequotesblog.com
I like to have the right sidebar (sidebar1) to be of equal width as the left sidebar (sidebar2). As the result to have a wider content area.

Sad to say , it has been three months, yet there is no complete proper answer to that question from the developer of that theme. I know the procedure, but not the coding bit.

Thank you.