[Support request] incorrect layout in Internet explorer

Home Forums Support [Support request] incorrect layout in Internet explorer

Home Forums Support incorrect layout in Internet explorer

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #894802
    Zillay

    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.

    #895051
    David
    Staff
    Customer Support

    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;
        }
    }
    #895054
    Zillay

    thank you David. it has fixed the issue on mobile.

    how do i fix different layout issue on Internet explorer

    #895057
    David
    Staff
    Customer Support

    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.

    #895060
    Zillay

    it is with all media text block at the moment.

    #895099
    David
    Staff
    Customer Support

    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

    #897330
    Zillay

    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.

    #897616
    David
    Staff
    Customer Support

    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.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.