CSS Issues on Mycroft.ai Website

Archive - Mycroft Project Site Feedback
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.

18_53_41.png1443×2088 269 KB

1 Like
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.

1 Like