2 replies [Last post]
TEPEGroup's picture
Last seen: 3 years 33 weeks ago
Joined: 2017-11-22
Posts: 4
Points: 8

Hi All,

I have an issue with my WordPress Theme that looks all good in Chrome but IE11 makes the text go off screen, I’ve investigated myself but I have come to a dead end. At first, I thought it was a width issue or an overflow problem. I need someone far more experienced than me to point me in the right direction.

The Sector Pages (i.g. Government, Commercial Offices etc..) most seem ok, however, there is a few that have this issue, it seems to be the ones with lengthy text?


Any help is hugely appreciated.


gary.turner's picture
Last seen: 1 year 23 weeks ago
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

possible fix

You have html errors which I don't believe contribute to this issue.

  • Element div not allowed as child of element h3 in this context. (Suppressing further errors from this subtree.)

  • Bad value for attribute height on element img: The empty string is not a valid non-negative integer. (5)

  • When the srcset attribute has any image candidate string with a width descriptor, the sizes attribute must also be present. (5)

  • No space between attributes. (7)

You also have 90 css errors.

You may continue to have problems as you maintain and add content. This will be due in large part to a poorly written theme that uses the so-called grid system. Grid layouts are for print. The web is not print. Gridded themes negate the entire concept of separating structure and style.

I found this edit fixes the stated problem. (tested in Firefox — since retirement, I have rid myself of the pox which is MSFT. Nor do I trust Chrome to render per the standards.) The fix has not been tested for other pages, so buyer beware. Test for yourself.

.services_box__desc {
	/* overflow: visible !important; */
	/* width: 1130px; */


If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Sudhanshu's picture
Last seen: 3 years 41 weeks ago
Timezone: GMT+5.5
Joined: 2018-10-26
Posts: 3
Points: 4

What can be alternative for create filter:drop-shadow for IE 11

Please can someone help me in creating shadow effect for chevron shape.
I tried using filter:drop-shadow but it only works in Google Chrome not in IE 11.
Please help me with the alternative solution
See this saved fiddler for understanding implementation
Below thing does not work in IE 11 but works in Chrome
filter: drop-shadow(2px 8px 1px rgba(0,0,0,1));
-webkit-filter:drop-shadow(2px 8px 1px rgba(0,0,0,1))

Please help.