Build an open future with us.

Invest in Mycroft and become a community partner.

CSS Issues on Mycroft.ai Website


#1

Padding in the iframe is unaccounted for, the width should be something like:

@media (min-width: 981px)
.et_right_sidebar #sidebar {
    padding-left: 30px;
}
@media (min-width: 981px)
#sidebar {
    float: left;
    width: 20.875%;
    min-width: 252px;
}


@media (min-width: 981px)
.et_right_sidebar #left-area {
    float: left;
    padding-right: 5.5%;
}
@media (min-width: 981px)
#left-area {
    width: 79.125%;
    max-width: calc(94.5% - 252px);
    padding-bottom: 23px;
}

Of course this doesn’t include the divider (which would make more sense as an :after or :before on the left or right areas) and the other @media widths.

As for the social logos, they only did that once for me.


#2

Yeah, saw something like this earlier. @Senseiner will take a look. Although the entire site is getting a redesign so we might just move forward with finishing that up vs fixing any issues. But definitely appreciate the report! Hope others will let us know about issues like this as well.