Archived topic
incorrect layout in Internet explorer
7 replies · Started by Zillay on May 9, 2019
when i open the website ostendoconsultants.com.au in internet explorer, it shows image at the top although in block i have Show Media on the right.
on mobile phone, the font of cover is too large. the letter N of word Demonstration goes to the next line.
Hi there,
is the issue only with the first Media Text block?
You could reduce the font size for the cover block on mobile with some CSS:
@media(max-width: 768px) {
.wp-block-cover p.has-large-font-size {
font-size: 20px;
}
}thank you David. it has fixed the issue on mobile.
how do i fix different layout issue on Internet explorer
Can you confirm if it is only a problem with the first media text block? I am working remotely at the moment and don't have an IE browser available.
it is with all media text block at the moment.
So it looks like their is an outstanding 'bug' ( or rather lack of MS support on that block ). Here is the issue a user raised and a CSS fix one user has applied.
https://github.com/WordPress/gutenberg/issues/11577#issuecomment-465177310
ah!!
i added the codes in CSS, however, getting a yellow error mark on display: -ms-grid;
i saved the codes anyway. now logos for ourpartners are not appearing inline.
Some of the prefix CSS properties such as ms-grid aren't recongnised by the Customizer but will ( should ) work on the front end, so those errors can be ignored.
So the logos are in line when that code isn't present? Odd as its uses a flexbox. Can i suggest flushing and disabling autoptimize to see if there is cache problem.
