1. Gazette
  2. Tuesday, 26 May 2020
We have this weird bug where in IE and Edge the Share buttons for social media aren't showing correctly. When I check it in Chrome, it is showing correctly.

There is style missing from the attributes but when I add the style back myself, the page won't take the style.

This is how it should look: Screenshot 1
This is how it looks now: Screenshot 2

I've been busting my brain over this for some time now and I think it's time to have a fresh set of eyes take a look at it. Link to page(s) where it happens: LINK

If you need more information, please let me know.

TDH
Responses (3)
Hello The Daily Herald,
Thank you for your question. Please use custom CSS for Edge and IE browsers.

// For Edge Browser
@supports (-ms-ime-align:auto) {
.selector {
property: value;
}
}
// For IE Browsers
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.selector {
property: value;
}
}


- Best regards
  1. more than a month ago
  2. Gazette
  3. # 1
Hi Ofi Khan,

The code above was entered in the custom CSS but didn't make a difference.
  1. more than a month ago
  2. Gazette
  3. # 2
You need to find out the elements that needs to be adjusted. I have tried to find out for you. Please try these codes to Custom CSS.

@supports (-ms-ime-align:auto) {
.view-article .article-details .article-social-share{
float: right;
}
.view-article .article-details .article-social-share .social-share-icon ul{
padding: 0;
list-style: none;
margin: 0;
}
.view-article .article-details .article-social-share .social-share-icon ul li{
display: inline-block;
}
.view-article .article-details .article-social-share .social-share-icon ul li:not(:last-child){
margin-right: 10px;
}
}


- Best regards
  1. more than a month ago
  2. Gazette
  3. # 3


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.