WordPress.org
Get WordPress

Make WordPress Core

Changeset 58142


Ignore:
Timestamp:
05/13/2024 04:41:05 PM (7 months ago)
Author:
karmatosed
Message:

Twenty Twenty-One: Fixes primary menu disappearing.

The primary menu was disappearing at 481px. This adjusts to resolve this. It was shown when adjust the browser window not in responsive design mode.

Props stephenbrook, audrasjb, mukesh27, sabernhardt, poena, kristenfisher427, siliconforks, jwgoedert, joedolson.
Fixes #52354.

Location:
trunk/src/wp-content/themes/twentytwentyone
Files:
6 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css

    r57631 r58142  
    198198    font-style: normal;
    199199}
    200 @media only screen and (max-width: 481px) {
     200@media only screen and (max-width: 481.98px) {
    201201
    202202    blockquote {
    … …  
    15781578    }
    15791579}
    1580 @media only screen and (max-width: 481px) {
     1580@media only screen and (max-width: 481.98px) {
    15811581
    15821582    .wp-block-quote.is-large,

  • trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css

    r57886 r58142  
    12291229    font-style: normal;
    12301230}
    1231 @media only screen and (max-width: 481px) {
     1231@media only screen and (max-width: 481.98px) {
    12321232
    12331233    blockquote {
    … …  
    24912491    }
    24922492}
    2493 @media only screen and (max-width: 481px) {
     2493@media only screen and (max-width: 481.98px) {
    24942494
    24952495    .entry-content > .wp-block-image > .alignleft,
    … …  
    32953295    font-size: 1.125rem;
    32963296}
    3297 @media only screen and (max-width: 481px) {
     3297@media only screen and (max-width: 481.98px) {
    32983298
    32993299    .wp-block-quote.is-large,
    … …  
    42204220}
    42214221
    4222 @media only screen and (max-width: 481px) {
     4222@media only screen and (max-width: 481.98px) {
    42234223
    42244224    .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
    … …  
    42924292    margin-top: 180px;
    42934293}
    4294 @media only screen and (max-width: 481px) {
     4294@media only screen and (max-width: 481.98px) {
    42954295
    42964296    .no-widgets .site-footer {
    … …  
    45234523    display: block;
    45244524}
    4525 @media only screen and (max-width: 481px) {
     4525@media only screen and (max-width: 481.98px) {
    45264526
    45274527    .single .site-main > article > .entry-footer,
    … …  
    49424942    flex-grow: 1;
    49434943}
    4944 @media only screen and (max-width: 481px) {
     4944@media only screen and (max-width: 481.98px) {
    49454945
    49464946    .comment-form .comment-form-author,
    … …  
    50035003    padding-bottom: 8px;
    50045004}
    5005 @media only screen and (max-width: 481px) {
     5005@media only screen and (max-width: 481.98px) {
    50065006
    50075007    .menu-button-container {
    … …  
    50915091    }
    50925092}
    5093 @media only screen and (max-width: 481px) {
     5093@media only screen and (max-width: 481.98px) {
    50945094
    50955095    .primary-navigation > .primary-menu-container {
    … …  
    51435143    transform: translateY(0);
    51445144}
    5145 @media only screen and (max-width: 481px) {
     5145@media only screen and (max-width: 481.98px) {
    51465146
    51475147    .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
    … …  
    51875187    position: relative;
    51885188}
    5189 @media only screen and (max-width: 481px) {
     5189@media only screen and (max-width: 481.98px) {
    51905190
    51915191    .primary-navigation > div > .menu-wrapper {
    … …  
    52305230    outline: 2px solid #28303d;
    52315231}
    5232 @media only screen and (max-width: 481px) {
     5232@media only screen and (max-width: 481.98px) {
    52335233
    52345234    .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
    … …  
    54525452    }
    54535453}
    5454 @media only screen and (max-width: 481px) {
     5454@media only screen and (max-width: 481.98px) {
    54555455
    54565456    .primary-navigation .sub-menu .menu-item:last-child {
    … …  
    55005500}
    55015501
    5502 @media only screen and (max-width: 481px) {
     5502@media only screen and (max-width: 481.98px) {
    55035503
    55045504    .lock-scrolling .site {
    … …  
    57975797    margin-right: auto;
    57985798}
    5799 @media only screen and (max-width: 821px) {
     5799@media only screen and (max-width: 821.98px) {
    58005800
    58015801    .pagination .nav-links,
    … …  
    58185818    }
    58195819}
    5820 @media only screen and (max-width: 481px) {
     5820@media only screen and (max-width: 481.98px) {
    58215821
    58225822    .pagination .nav-short,
    … …  
    58625862    }
    58635863}
    5864 @media only screen and (max-width: 481px) {
     5864@media only screen and (max-width: 481.98px) {
    58655865
    58665866    .widget-area {
    … …  
    62606260    background: #000;
    62616261}
    6262 @media only screen and (max-width: 481px) {
     6262@media only screen and (max-width: 481.98px) {
    62636263
    62646264    .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,

  • trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css

    r57631 r58142  
    382382    font-style: var(--quote--font-style-cite);
    383383}
    384 @media only screen and (max-width: 481px) {
     384@media only screen and (max-width: 481.98px) {
    385385
    386386    blockquote {
    … …  
    16271627    margin-right: 10px;
    16281628}
    1629 @media only screen and (max-width: 481px) {
     1629@media only screen and (max-width: 481.98px) {
    16301630
    16311631    .wp-block-quote.is-large,
    … …  
    16501650    }
    16511651}
    1652 @media only screen and (max-width: 481px) {
     1652@media only screen and (max-width: 481.98px) {
    16531653
    16541654    .wp-block-quote {

  • trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss

    r49795 r58142  
    1919
    2020    @if mobile-only == $res {
    21         @media only screen and (max-width: #{$breakpoint_sm - 1}) {
     21        @media only screen and (max-width: #{$breakpoint_sm - 0.02}) {
    2222            @content;
    2323        }
    … …  
    3131
    3232    @if tablet-only == $res {
    33         @media only screen and (max-width: #{$breakpoint_md - 1}) {
     33        @media only screen and (max-width: #{$breakpoint_md - 0.02}) {
    3434            @content;
    3535        }
    … …  
    4343
    4444    @if laptop-only == $res {
    45         @media only screen and (max-width: #{$breakpoint_lg - 1}) {
     45        @media only screen and (max-width: #{$breakpoint_lg - 0.02}) {
    4646            @content;
    4747        }
    … …  
    5555
    5656    @if desktop-only == $res {
    57         @media only screen and (max-width: #{$breakpoint_xl - 1}) {
     57        @media only screen and (max-width: #{$breakpoint_xl - 0.02}) {
    5858            @content;
    5959        }
    … …  
    6767
    6868    @if wide-only == $res {
    69         @media only screen and (max-width: #{$breakpoint_xxl - 1}) {
     69        @media only screen and (max-width: #{$breakpoint_xxl - 0.02}) {
    7070            @content;
    7171        }

  • trunk/src/wp-content/themes/twentytwentyone/style-rtl.css

    r57886 r58142  
    11201120    font-style: var(--quote--font-style-cite);
    11211121}
    1122 @media only screen and (max-width: 481px) {
     1122@media only screen and (max-width: 481.98px) {
    11231123
    11241124    blockquote {
    … …  
    23272327    }
    23282328}
    2329 @media only screen and (max-width: 481px) {
     2329@media only screen and (max-width: 481.98px) {
    23302330
    23312331    .entry-content > .wp-block-image > .alignleft,
    … …  
    30383038    font-size: var(--global--font-size-sm);
    30393039}
    3040 @media only screen and (max-width: 481px) {
     3040@media only screen and (max-width: 481.98px) {
    30413041
    30423042    .wp-block-quote.is-large,
    … …  
    30673067    }
    30683068}
    3069 @media only screen and (max-width: 481px) {
     3069@media only screen and (max-width: 481.98px) {
    30703070
    30713071    .wp-block-quote.has-text-align-right {
    … …  
    37843784}
    37853785
    3786 @media only screen and (max-width: 481px) {
     3786@media only screen and (max-width: 481.98px) {
    37873787
    37883788    .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
    … …  
    38563856    margin-top: calc(6 * var(--global--spacing-vertical));
    38573857}
    3858 @media only screen and (max-width: 481px) {
     3858@media only screen and (max-width: 481.98px) {
    38593859
    38603860    .no-widgets .site-footer {
    … …  
    40824082    display: block;
    40834083}
    4084 @media only screen and (max-width: 481px) {
     4084@media only screen and (max-width: 481.98px) {
    40854085
    40864086    .single .site-main > article > .entry-footer {
    … …  
    44504450    flex-grow: 1;
    44514451}
    4452 @media only screen and (max-width: 481px) {
     4452@media only screen and (max-width: 481.98px) {
    44534453
    44544454    .comment-form .comment-form-author,
    … …  
    45114511    padding-bottom: calc(0.25 * var(--global--spacing-vertical));
    45124512}
    4513 @media only screen and (max-width: 481px) {
     4513@media only screen and (max-width: 481.98px) {
    45144514
    45154515    .menu-button-container {
    … …  
    46024602    }
    46034603}
    4604 @media only screen and (max-width: 481px) {
     4604@media only screen and (max-width: 481.98px) {
    46054605
    46064606    .primary-navigation > .primary-menu-container {
    … …  
    46294629    }
    46304630}
    4631 @media only screen and (max-width: 481px) {
     4631@media only screen and (max-width: 481.98px) {
    46324632
    46334633    .primary-navigation-open .primary-navigation {
    … …  
    46444644    transform: translateY(0);
    46454645}
    4646 @media only screen and (max-width: 481px) {
     4646@media only screen and (max-width: 481.98px) {
    46474647
    46484648    .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
    … …  
    46944694    position: relative;
    46954695}
    4696 @media only screen and (max-width: 481px) {
     4696@media only screen and (max-width: 481.98px) {
    46974697
    46984698    .primary-navigation > div > .menu-wrapper {
    … …  
    47374737    outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
    47384738}
    4739 @media only screen and (max-width: 481px) {
     4739@media only screen and (max-width: 481.98px) {
    47404740
    47414741    .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
    … …  
    49274927    }
    49284928}
    4929 @media only screen and (max-width: 481px) {
     4929@media only screen and (max-width: 481.98px) {
    49304930
    49314931    .primary-navigation .sub-menu .menu-item:last-child {
    … …  
    49754975}
    49764976
    4977 @media only screen and (max-width: 481px) {
     4977@media only screen and (max-width: 481.98px) {
    49784978
    49794979    .lock-scrolling .site {
    … …  
    52725272    margin-left: auto;
    52735273}
    5274 @media only screen and (max-width: 821px) {
     5274@media only screen and (max-width: 821.98px) {
    52755275
    52765276    .pagination .nav-links,
    … …  
    52935293    }
    52945294}
    5295 @media only screen and (max-width: 481px) {
     5295@media only screen and (max-width: 481.98px) {
    52965296
    52975297    .pagination .nav-short,
    … …  
    53375337    }
    53385338}
    5339 @media only screen and (max-width: 481px) {
     5339@media only screen and (max-width: 481.98px) {
    53405340
    53415341    .widget-area {
    … …  
    58415841    background: #000;
    58425842}
    5843 @media only screen and (max-width: 481px) {
     5843@media only screen and (max-width: 481.98px) {
    58445844
    58455845    .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,

  • trunk/src/wp-content/themes/twentytwentyone/style.css

    r57886 r58142  
    11281128    font-style: var(--quote--font-style-cite);
    11291129}
    1130 @media only screen and (max-width: 481px) {
     1130@media only screen and (max-width: 481.98px) {
    11311131
    11321132    blockquote {
    … …  
    23372337    }
    23382338}
    2339 @media only screen and (max-width: 481px) {
     2339@media only screen and (max-width: 481.98px) {
    23402340
    23412341    .entry-content > .wp-block-image > .alignleft,
    … …  
    30483048    font-size: var(--global--font-size-sm);
    30493049}
    3050 @media only screen and (max-width: 481px) {
     3050@media only screen and (max-width: 481.98px) {
    30513051
    30523052    .wp-block-quote.is-large,
    … …  
    30773077    }
    30783078}
    3079 @media only screen and (max-width: 481px) {
     3079@media only screen and (max-width: 481.98px) {
    30803080
    30813081    .wp-block-quote.has-text-align-right {
    … …  
    38043804}
    38053805
    3806 @media only screen and (max-width: 481px) {
     3806@media only screen and (max-width: 481.98px) {
    38073807
    38083808    .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
    … …  
    38763876    margin-top: calc(6 * var(--global--spacing-vertical));
    38773877}
    3878 @media only screen and (max-width: 481px) {
     3878@media only screen and (max-width: 481.98px) {
    38793879
    38803880    .no-widgets .site-footer {
    … …  
    41024102    display: block;
    41034103}
    4104 @media only screen and (max-width: 481px) {
     4104@media only screen and (max-width: 481.98px) {
    41054105
    41064106    .single .site-main > article > .entry-footer {
    … …  
    44704470    flex-grow: 1;
    44714471}
    4472 @media only screen and (max-width: 481px) {
     4472@media only screen and (max-width: 481.98px) {
    44734473
    44744474    .comment-form .comment-form-author,
    … …  
    45314531    padding-bottom: calc(0.25 * var(--global--spacing-vertical));
    45324532}
    4533 @media only screen and (max-width: 481px) {
     4533@media only screen and (max-width: 481.98px) {
    45344534
    45354535    .menu-button-container {
    … …  
    46224622    }
    46234623}
    4624 @media only screen and (max-width: 481px) {
     4624@media only screen and (max-width: 481.98px) {
    46254625
    46264626    .primary-navigation > .primary-menu-container {
    … …  
    46494649    }
    46504650}
    4651 @media only screen and (max-width: 481px) {
     4651@media only screen and (max-width: 481.98px) {
    46524652
    46534653    .primary-navigation-open .primary-navigation {
    … …  
    46644664    transform: translateY(0);
    46654665}
    4666 @media only screen and (max-width: 481px) {
     4666@media only screen and (max-width: 481.98px) {
    46674667
    46684668    .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
    … …  
    47144714    position: relative;
    47154715}
    4716 @media only screen and (max-width: 481px) {
     4716@media only screen and (max-width: 481.98px) {
    47174717
    47184718    .primary-navigation > div > .menu-wrapper {
    … …  
    47574757    outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
    47584758}
    4759 @media only screen and (max-width: 481px) {
     4759@media only screen and (max-width: 481.98px) {
    47604760
    47614761    .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
    … …  
    49634963    }
    49644964}
    4965 @media only screen and (max-width: 481px) {
     4965@media only screen and (max-width: 481.98px) {
    49664966
    49674967    .primary-navigation .sub-menu .menu-item:last-child {
    … …  
    50115011}
    50125012
    5013 @media only screen and (max-width: 481px) {
     5013@media only screen and (max-width: 481.98px) {
    50145014
    50155015    .lock-scrolling .site {
    … …  
    53085308    margin-right: auto;
    53095309}
    5310 @media only screen and (max-width: 821px) {
     5310@media only screen and (max-width: 821.98px) {
    53115311
    53125312    .pagination .nav-links,
    … …  
    53295329    }
    53305330}
    5331 @media only screen and (max-width: 481px) {
     5331@media only screen and (max-width: 481.98px) {
    53325332
    53335333    .pagination .nav-short,
    … …  
    53735373    }
    53745374}
    5375 @media only screen and (max-width: 481px) {
     5375@media only screen and (max-width: 481.98px) {
    53765376
    53775377    .widget-area {
    … …  
    58775877    background: #000;
    58785878}
    5879 @media only screen and (max-width: 481px) {
     5879@media only screen and (max-width: 481.98px) {
    58805880
    58815881    .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
Note: See TracChangeset for help on using the changeset viewer.