LIKE button not fully displayed

Hello,

My Facebook LIKE button is always cut off and not fully displayed. With 3 digits, 1 digit is halfly cut off. Now it hits 2K (2 duizend in Dutch) and only 1 letter from the word ‘duizend’ is visible.

Please help. Thanks.

Thanks Simion, that worked perfectly on my laptop, but not on mobile. How to get it fixed on mobile too?

Also, i enter a css code after each update to remove a black flash in my menubar. Can i add the code also to the custom css field, so that i wont have to add it every time after each update?

This is the code:

@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full,
.td-header-wrap .td-header-menu-wrap,
.td-header-wrap .td-header-main-menu {
background-color: #fff !important;
height: 54px !important;
}
.header-search-wrap .td-icon-search {
color: #fff !important;
}

Here is the link Simion.

https://www.dagonline.nl/nederlandse-antillen/nederlanders-op-curacao-starten-petitie-tegen-geluidsoverlast/

So when i add the code to the custom CSS part in the theme panel it will work, also after an update?

Hey Simion,

I think it works fine now, indeed. Thank you.

So i can just paste the @media code i posted above in the custom code section and then after an update i dont need to paste it in manually again?

I also have a custom designed Adsense ad above the article title on mobile. See here: https://www.dagonline.nl/antillen/toekomst-insel-air-onzeker-na-uitvallen-toestellen/ Can i paste that code also in the custom code section to show up again after an update

Thanks!

Ok Simion. Thanks!

I entered the below code in the CSS panel and i get a red error cross saying: Expected RBRACE at line 100, col 4. What is this?

@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full,
.td-header-wrap .td-header-menu-wrap,
.td-header-wrap .td-header-main-menu {
background-color: #fff !important;
height: 54px !important;
}
.header-search-wrap .td-icon-search {
color: #fff !important;
}

This is the ad code Simion. It’s added to single.php file. So when I copy this CSS code in the theme panel, is it also gonna be saved and come back after an update?

Code<div class="adh">
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
<div class="td-g-rec">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Ad boven titel -->
<ins class="adsbygoogle"
style="display:inline-block;width:320px;height:100px"
data-ad-client="ca-pub-6504940155773250"
data-ad-slot="9561713763"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</div>

Thanks!

Its no longer needed because it was already their, right? I had already placed it manually before. But i need to leave the code in the theme panel in case im updating the theme. Right? So why you say try to remove it? 🙂

Ahaa i see what you are saying. Thank you!

Is this correct?

Hey Catalin,

I am talking about the CSS code added to the theme panel.

Please look at my @media code above in this topic. When I enter this code to the theme panel, it will reappear after an update. Right?

I don’t get it. Any custom code you enter in the theme panel manually will be saved. Now you telling me my code is gone?

Ahaa clear! Thank you Simion!

Hi, I have the same question as TS, only your provided CSS code `.td-post-sharing-classic iframe {
width:auto!important;
}`
does not work in my case.

I already tried de-activating all plugins, and also all plugins except the tagdiv ones, and both make no difference. It still happens. So it is not a plugin causing this.

I also removed all custom css code, makes no difference – like button still gets cut off. So I did not create a conflicting css addition either.

A link to a post that shows the like button getting cut off is here – above the article as well as below it is a like button.

I did add above mentioned code to the Theme Panel Custom Code CSS section. No errors are shown there.

Do you have any ideas on how to “widen” the like button so it shows all text and numbers?

• This reply was modified 5 years by FiekeB.