PRO - Header Dropdown Items are Misaligned in Internet Explorer 11

[taotaoli]

Hi friends,
I am experiencing a bug on my website https://smartechproduct.com where the submenus are misaligned when viewed in IE11. Can anyone please assist? Your prompt attention is greatly appreciated.
Best wishes,
Andy

[friech]

Hi Andy,

Thank you for writing in, please inspect your Navigation Inline element, under the Sub Links tab, set the Flex Layout Horizontal to Start

Hope it helps,
Cheers!

[taotaoli]

Thanks for that, but now there’s another problem. When a user goes to the shipping details page in IE11, and inputs the shipping info, the shipping <th> gets very wide and the <td data-title="Shipping"> gets very narrow. Can you offer any assistance here?

[friech]

Hi There,

Please add this to Theme Options > CSS

.wp-post-image.size-woocommerce_thumbnail {
	width: 30%;
}

IE handles a max-width on image differently, so we need to declared that as width instead. The table may look a little bit narrower in IE than Chrome/Firefox but that is how IE calculate the value.

If the issue persists, we kindly ask you create a separate thread specifying this issue.

Thanks,

[taotaoli]

@friech

.wp-post-image.size-woocommerce_thumbnail {
width: 30%;
}

You’re a genius. Thanks @friech

[christian]

Glad we could help.

[taotaoli]

@christian_y
Your team rocks! Seriously, thank you all!

[Alaa]

Thanks for your kind words, you are welcome