alignment issues in Internet Explorer: LinkedIn icon and bullets in text

Hey Carolin,

What version of IE are you using?

Best regards,
Rikard

Hi,
For issue 1, I do see the issue in mobile view, up to 426px, in Edge, so try this quick css:

@media only screen and (max-width: 426px) { 
.page-id-3689 .avia-builder-el-21 {
    padding-top: 20px!important; 
}
}

but not in higher views, but if you do try adjusting the max-width to match when you see the issue, also adjust the padding number to suit your needs.
For 2, this issue is because Edge doesn’t render list-style-position correctly when they are set to “outside” to fix it we need to set them “inside” but also make the second line of the list text indent.
First try this quick css:

.page-id-3274 .entry-content-wrapper ul {
    list-style: disc inside!important; 
}

If that doesn’t work right try this instead:

.page-id-3274 .avia_textblock ul li:before {
    display: list-item;
    content: "";
    list-style: disc inside;
    float: left;
    position: absolute;
    left: 0;
}
.page-id-3274 .avia_textblock ul li {
    list-style: none;
    padding-left: 13px;
}

If that doesn’t work, please include a admin login in the private content area so we can take a closer look.
Please clear site and browser cache.

Best regards,
Mike

Hi,
For issue 2 I logged in and added this code to only target the Edge browser:

@supports (-ms-ime-align:auto) {
.page-id-3274 .entry-content-wrapper ul {
    list-style: disc inside!important; 
}
}

and then cleared your sites cache, please clear your browser cache and check.

Best regards,
Mike

Hi,
For issue 2 targeting IE11 I added:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.page-id-3274 .entry-content-wrapper ul {
    list-style: disc inside!important; 
}
}

For issue 1 targeting IE11 I added:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)  { 
.page-id-3689 .avia-builder-el-21 {
    padding-top: 20px!important; 
}
}

Best regards,
Mike

Hi,
For issue 2, I changed to “list-style-position: disc outside” and added “margin-left: 7em” to move it closer to the text, So the new code looks like this:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.page-id-3274 .entry-content-wrapper ul {
    list-style-position: disc outside!important; 
margin-left: 7em!important; 
}
}
@supports (-ms-ime-align:auto) {
.page-id-3274 .entry-content-wrapper ul {
    list-style-position: disc outside!important; 
    margin-left: 7em!important; 
}
}

Please clear your cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike