概要

設定方法

<style id="mobile-announcebar">
    section:has(#mobile-announcebar) {
        display: none;
    }
    @media screen and (max-width: 989px) {
        .utility-bar__grid {
            grid-template-areas: "announcements social-icons";
        }
        .utility-bar__grid.page-width {
            padding-left: 1rem;
            padding-right: 1rem;
        }
        .utility-bar .utility-bar__grid .list-social {
            display: flex;
            margin-left: 0;
            flex-wrap: wrap;
            max-width: 96px;
        }
        .utility-bar .list-social__link {
            padding: 0 0.5rem !important;
            height: 2.8rem !important;
        }
    }
</style>