nav-menus.css (17716B)
1 /* nav-menu */ 2 3 /* @todo: determine if this is truly for nav menus only */ 4 .no-js #message { 5 display: block; 6 } 7 8 ul.add-menu-item-tabs li { 9 padding: 3px 5px 4px 8px; 10 } 11 12 .accordion-section ul.category-tabs, 13 .accordion-section ul.add-menu-item-tabs, 14 .accordion-section ul.wp-tab-bar { 15 margin: 0; 16 } 17 18 .accordion-section .categorychecklist { 19 margin: 13px 0; 20 } 21 22 #nav-menu-meta .accordion-section-content { 23 padding: 18px 13px; 24 } 25 26 #nav-menu-meta .button-controls { 27 margin-bottom: 0; 28 } 29 30 .has-no-menu-item .button-controls { 31 display: none; 32 } 33 34 #nav-menus-frame { 35 margin-left: 300px; 36 margin-top: 23px; 37 } 38 39 #wpbody-content #menu-settings-column { 40 display: inline; 41 width: 281px; 42 margin-left: -300px; 43 clear: both; 44 float: left; 45 padding-top: 0; 46 } 47 48 #menu-settings-column .inside { 49 clear: both; 50 margin: 10px 0 0; 51 } 52 53 .metabox-holder-disabled .postbox, 54 .metabox-holder-disabled .accordion-section-content, 55 .metabox-holder-disabled .accordion-section-title { 56 opacity: 0.5; 57 filter: alpha(opacity=50); 58 } 59 60 .metabox-holder-disabled .button-controls .select-all { 61 display: none; 62 } 63 64 #wpbody { 65 position: relative; 66 } 67 68 .is-submenu { 69 color: #50575e; /* #fafafa background */ 70 font-style: italic; 71 font-weight: 400; 72 margin-left: 4px; 73 } 74 75 .manage-menus { 76 margin-top: 23px; 77 padding: 10px; 78 overflow: hidden; 79 background: #fff; 80 } 81 82 .manage-menus .selected-menu, 83 .manage-menus select, 84 .manage-menus .submit-btn, 85 .nav-menus-php .add-new-menu-action { 86 display: inline-block; 87 margin-right: 3px; 88 vertical-align: middle; 89 } 90 91 .manage-menus select, 92 .menu-location-menus select { 93 max-width: 100%; 94 } 95 96 .menu-edit #post-body-content h3 { 97 margin: 1em 0 10px; 98 } 99 100 #nav-menu-bulk-actions-top { 101 margin: 1em 0; 102 } 103 104 #nav-menu-bulk-actions-bottom { 105 margin: 1em 0; 106 margin: calc( 1em + 9px ) 0 ; 107 } 108 109 .bulk-actions input.button { 110 margin-right: 12px; 111 } 112 113 .bulk-select-button { 114 position: relative; 115 display: inline-block; 116 padding: 0 10px; 117 font-size: 13px; 118 line-height: 2.15384615; 119 height: auto; 120 min-height: 30px; 121 background: #f6f7f7; 122 vertical-align: top; 123 border: 1px solid #dcdcde; 124 margin: 0; 125 cursor: pointer; 126 border-radius: 3px; 127 white-space: nowrap; 128 box-sizing: border-box; 129 } 130 131 .bulk-selection .bulk-select-button { 132 color: #2271b1; 133 border-color: #2271b1; 134 background: #f6f7f7; 135 vertical-align: top; 136 } 137 138 #pending-menu-items-to-delete { 139 display: none; 140 } 141 142 .bulk-selection #pending-menu-items-to-delete { 143 display: block; 144 margin-top: 1em; 145 } 146 147 #pending-menu-items-to-delete p { 148 margin-bottom: 0; 149 } 150 151 #pending-menu-items-to-delete ul { 152 margin-top: 0; 153 list-style: none; 154 } 155 156 #pending-menu-items-to-delete ul li { 157 display: inline; 158 } 159 160 input.bulk-select-switcher + .bulk-select-button-label { 161 vertical-align: inherit; 162 } 163 164 label.bulk-select-button:hover, 165 label.bulk-select-button:active, 166 label.bulk-select-button:focus-within { 167 background: #f0f0f1; 168 border-color: #0a4b78; 169 color: #0a4b78; 170 } 171 172 input.bulk-select-switcher:focus + .bulk-select-button-label{ 173 color: #0a4b78; 174 } 175 176 .bulk-actions input.menu-items-delete { 177 -webkit-appearance: none; 178 appearance: none; 179 font-size: inherit; 180 border: 0; 181 line-height: 2.1em; 182 background: none; 183 cursor: pointer; 184 text-decoration: underline; 185 color: #b32d2e; 186 } 187 188 .bulk-actions input.menu-items-delete:hover { 189 color: #b32d2e; 190 border: none; 191 } 192 193 .bulk-actions input.menu-items-delete.disabled { 194 cursor: default; 195 color: #a7aaad; 196 box-shadow: none; 197 } 198 199 .menu-settings { 200 border-top: 1px solid #f0f0f1; 201 margin-top: 2em; 202 } 203 204 .menu-settings-group { 205 margin: 0 0 10px; 206 overflow: hidden; 207 padding-left: 20%; 208 } 209 210 .menu-settings-group:last-of-type { 211 margin-bottom: 0; 212 } 213 214 .menu-settings-input { 215 float: left; 216 margin: 0; 217 width: 100%; 218 } 219 220 .menu-settings-group-name { 221 float: left; 222 clear: both; 223 width: 25%; 224 padding: 3px 0 0; 225 margin-left: -25%; /* 20 container left padding x ( 100 container % width / 80 this % width ) */ 226 } 227 228 .menu-settings label { 229 vertical-align: baseline; 230 } 231 232 .menu-edit .checkbox-input { 233 margin-top: 4px; 234 } 235 236 .theme-location-set { 237 color: #646970; 238 font-size: 11px; 239 } 240 241 /* Menu Container */ 242 243 /* @todo: responsive view. */ 244 #menu-management-liquid { 245 float: left; 246 min-width: 100%; 247 margin-top: 3px; 248 } 249 250 /* @todo: responsive view. */ 251 #menu-management { 252 position: relative; 253 margin-right: 20px; 254 margin-top: -3px; 255 width: 100%; 256 } 257 258 #menu-management .menu-edit { 259 margin-bottom: 20px; 260 } 261 262 .nav-menus-php #post-body { 263 padding: 0 10px; 264 border-top: 1px solid #fff; 265 border-bottom: 1px solid #dcdcde; 266 background: #fff; 267 } 268 269 #nav-menu-header, 270 #nav-menu-footer { 271 padding: 0 10px; 272 background: #f6f7f7; 273 } 274 275 #nav-menu-header { 276 border-bottom: 1px solid #dcdcde; 277 margin-bottom: 0; 278 } 279 280 #nav-menu-header .menu-name-label { 281 display: inline-block; 282 vertical-align: middle; 283 margin-right: 7px; 284 } 285 286 .nav-menus-php #post-body div.updated, 287 .nav-menus-php #post-body div.error { 288 margin: 0; 289 } 290 291 .nav-menus-php #post-body-content { 292 position: relative; 293 float: none; 294 } 295 296 .nav-menus-php #post-body-content .post-body-plain { 297 margin-bottom: 0; 298 } 299 300 #menu-management .menu-add-new abbr { 301 font-weight: 600; 302 } 303 304 #select-nav-menu-container { 305 text-align: right; 306 padding: 0 10px 3px 10px; 307 margin-bottom: 5px; 308 } 309 310 #select-nav-menu { 311 width: 100px; 312 display: inline; 313 } 314 315 #menu-name-label { 316 margin-top: -2px; 317 } 318 319 .widefat .menu-locations .menu-location-title { 320 padding: 13px 10px 0; 321 } 322 323 .menu-location-title label { 324 font-weight: 600; 325 } 326 327 .menu-location-menus select { 328 float: left; 329 } 330 331 #locations-nav-menu-wrapper { 332 padding: 5px 0; 333 } 334 335 .locations-nav-menu-select select { 336 float: left; 337 width: 160px; 338 margin-right: 5px; 339 } 340 341 .locations-row-links { 342 float: left; 343 margin: 6px 0 0 6px; 344 } 345 346 .locations-edit-menu-link, 347 .locations-add-menu-link { 348 margin: 0 3px; 349 } 350 351 .locations-edit-menu-link { 352 padding-right: 3px; 353 border-right: 1px solid #c3c4c7; 354 } 355 356 #menu-management .inside { 357 padding: 0 10px; 358 } 359 360 /* Add Menu Item Boxes */ 361 .postbox .howto input, 362 .customlinkdiv .menu-item-textbox { 363 width: 180px; 364 float: right; 365 } 366 367 .accordion-container .outer-border { 368 margin: 0; 369 } 370 371 .customlinkdiv p { 372 margin-top: 0 373 } 374 375 #nav-menu-theme-locations .howto select { 376 width: 100%; 377 } 378 379 #nav-menu-theme-locations .button-controls { 380 text-align: right; 381 } 382 383 .add-menu-item-view-all { 384 height: 400px; 385 } 386 387 /* Button Primary Actions */ 388 #menu-container .submit { 389 margin: 0 0 10px; 390 padding: 0; 391 } 392 393 /* @todo: is this actually used? */ 394 #cancel-save { 395 text-decoration: underline; 396 font-size: 12px; 397 margin-left: 20px; 398 margin-top: 5px; 399 } 400 401 .button.right, .button-secondary.right, .button-primary.right { 402 float: right; 403 } 404 405 /* Button Secondary Actions */ 406 .list-controls { 407 float: left; 408 margin-top: 5px; 409 } 410 411 .add-to-menu { 412 float: right; 413 } 414 415 .button-controls { 416 clear: both; 417 margin: 10px 0; 418 } 419 420 .show-all, 421 .hide-all { 422 cursor: pointer; 423 } 424 425 .hide-all { 426 display: none; 427 } 428 429 /* Create Menu */ 430 #menu-name { 431 width: 270px; 432 vertical-align: middle; 433 } 434 435 #manage-menu .inside { 436 padding: 0px 0px; 437 } 438 439 /* Custom Links */ 440 #available-links dt { 441 display: block; 442 } 443 444 #add-custom-link .howto { 445 font-size: 12px; 446 } 447 448 #add-custom-link label span { 449 display: block; 450 float: left; 451 margin-top: 5px; 452 padding-right: 5px; 453 } 454 455 .menu-item-textbox { 456 width: 180px; 457 } 458 459 .customlinkdiv label, 460 .nav-menus-php .howto span { 461 float: left; 462 margin-top: 6px; 463 } 464 465 /* Menu item types */ 466 .quick-search { 467 width: 190px; 468 } 469 470 .quick-search-wrap .spinner { 471 float: none; 472 margin: -3px -10px 0 0; 473 } 474 475 .nav-menus-php .list-wrap { 476 display: none; 477 clear: both; 478 margin-bottom: 10px; 479 } 480 481 .nav-menus-php .postbox p.submit { 482 margin-bottom: 0; 483 } 484 485 /* Listings */ 486 .nav-menus-php .list li { 487 display: none; 488 margin: 0 0 5px; 489 } 490 491 .nav-menus-php .list li .menu-item-title { 492 cursor: pointer; 493 display: block; 494 } 495 496 .nav-menus-php .list li .menu-item-title input { 497 margin-right: 3px; 498 margin-top: -3px; 499 } 500 501 .menu-item-title input[type=checkbox] { 502 display: inline-block; 503 margin-top: -4px; 504 } 505 506 .menu-item-title .post-state { 507 font-weight: 600; 508 } 509 510 /* Nav Menu */ 511 #menu-container .inside { 512 padding-bottom: 10px; 513 } 514 515 .menu { 516 padding-top: 1em; 517 } 518 519 #menu-to-edit { 520 margin: 0; 521 padding: 0.1em 0; 522 } 523 524 .menu ul { 525 width: 100%; 526 } 527 528 .menu li { 529 margin-bottom: 0; 530 position: relative; 531 } 532 533 .menu-item-bar { 534 clear: both; 535 line-height: 1.5; 536 position: relative; 537 margin: 9px 0 0; 538 } 539 540 .menu-item-bar .menu-item-handle { 541 border: 1px solid #dcdcde; 542 position: relative; 543 padding: 10px 15px; 544 height: auto; 545 min-height: 20px; 546 max-width: 382px; 547 line-height: 2.30769230; 548 overflow: hidden; 549 word-wrap: break-word; 550 } 551 552 .menu-item-bar .menu-item-handle:hover { 553 border-color: #8c8f94; 554 } 555 556 #menu-to-edit .menu-item-invalid .menu-item-handle { 557 background: #fcf0f1; 558 border-color: #d63638; 559 } 560 561 .no-js .menu-item-edit-active .item-edit { 562 display: none; 563 } 564 565 .js .menu-item-handle { 566 cursor: move; 567 } 568 569 .menu li.deleting .menu-item-handle { 570 background-image: none; 571 background-color: #f86368; 572 } 573 574 .menu-item-handle .item-title { 575 font-size: 13px; 576 font-weight: 600; 577 line-height: 1.53846153; 578 display: block; 579 /* @todo: responsive view. */ 580 margin-right: 13em; 581 } 582 583 .menu-item-handle .menu-item-checkbox { 584 display: none; 585 } 586 587 .bulk-selection .menu-item-handle .menu-item-checkbox { 588 display: inline-block; 589 margin-right: 6px; 590 } 591 592 .menu-item-handle .menu-item-title.no-title { 593 color: #646970; 594 } 595 596 /* Sortables */ 597 li.menu-item.ui-sortable-helper .menu-item-bar { 598 margin-top: 0; 599 } 600 601 li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar { 602 margin-top: 9px; /* Must use the same value used by the dragged item .menu-item-bar */ 603 } 604 605 .menu .sortable-placeholder { 606 height: 35px; 607 width: 410px; 608 margin-top: 9px; /* Must use the same value used by the dragged item .menu-item-bar */ 609 } 610 611 /* Hide the transport list when it's empty */ 612 .menu-item .menu-item-transport:empty { 613 display: none; 614 } 615 616 /* WARNING: The factor of 30px is hardcoded into the nav-menus JavaScript. */ 617 .menu-item-depth-0 { margin-left: 0px; } 618 .menu-item-depth-1 { margin-left: 30px; } 619 .menu-item-depth-2 { margin-left: 60px; } 620 .menu-item-depth-3 { margin-left: 90px; } 621 .menu-item-depth-4 { margin-left: 120px; } 622 .menu-item-depth-5 { margin-left: 150px; } 623 .menu-item-depth-6 { margin-left: 180px; } 624 .menu-item-depth-7 { margin-left: 210px; } 625 .menu-item-depth-8 { margin-left: 240px; } 626 .menu-item-depth-9 { margin-left: 270px; } 627 .menu-item-depth-10 { margin-left: 300px; } 628 .menu-item-depth-11 { margin-left: 330px; } 629 630 .menu-item-depth-0 .menu-item-transport { margin-left: 0px; } 631 .menu-item-depth-1 .menu-item-transport { margin-left: -30px; } 632 .menu-item-depth-2 .menu-item-transport { margin-left: -60px; } 633 .menu-item-depth-3 .menu-item-transport { margin-left: -90px; } 634 .menu-item-depth-4 .menu-item-transport { margin-left: -120px; } 635 .menu-item-depth-5 .menu-item-transport { margin-left: -150px; } 636 .menu-item-depth-6 .menu-item-transport { margin-left: -180px; } 637 .menu-item-depth-7 .menu-item-transport { margin-left: -210px; } 638 .menu-item-depth-8 .menu-item-transport { margin-left: -240px; } 639 .menu-item-depth-9 .menu-item-transport { margin-left: -270px; } 640 .menu-item-depth-10 .menu-item-transport { margin-left: -300px; } 641 .menu-item-depth-11 .menu-item-transport { margin-left: -330px; } 642 643 body.menu-max-depth-0 { min-width: 950px !important; } 644 body.menu-max-depth-1 { min-width: 980px !important; } 645 body.menu-max-depth-2 { min-width: 1010px !important; } 646 body.menu-max-depth-3 { min-width: 1040px !important; } 647 body.menu-max-depth-4 { min-width: 1070px !important; } 648 body.menu-max-depth-5 { min-width: 1100px !important; } 649 body.menu-max-depth-6 { min-width: 1130px !important; } 650 body.menu-max-depth-7 { min-width: 1160px !important; } 651 body.menu-max-depth-8 { min-width: 1190px !important; } 652 body.menu-max-depth-9 { min-width: 1220px !important; } 653 body.menu-max-depth-10 { min-width: 1250px !important; } 654 body.menu-max-depth-11 { min-width: 1280px !important; } 655 656 /* Menu item controls */ 657 .item-type { 658 display: inline-block; 659 padding: 12px 16px; 660 color: #646970; 661 font-size: 12px; 662 line-height: 1.5; 663 } 664 665 .item-controls { 666 font-size: 12px; 667 position: absolute; 668 right: 20px; 669 top: -1px; 670 } 671 672 .item-controls a { 673 text-decoration: none; 674 } 675 676 .item-controls a:hover { 677 cursor: pointer; 678 } 679 680 .item-controls .item-order { 681 padding-right: 10px; 682 } 683 684 .nav-menus-php .item-edit { 685 position: absolute; 686 right: -20px; 687 top: 0; 688 display: block; 689 width: 30px; 690 height: 40px; 691 outline: none; 692 } 693 694 .no-js.nav-menus-php .item-edit { 695 position: static; 696 float: right; 697 width: auto; 698 height: auto; 699 margin: 12px -10px 12px 0; 700 padding: 0; 701 color: #2271b1; 702 text-decoration: underline; 703 font-size: 12px; 704 line-height: 1.5; 705 } 706 707 .no-js.nav-menus-php .item-edit .screen-reader-text { 708 position: static; 709 -webkit-clip-path: none; 710 clip-path: none; 711 width: auto; 712 height: auto; 713 margin: 0; 714 } 715 716 .nav-menus-php .item-edit:before { 717 margin-top: 10px; 718 margin-left: 4px; 719 width: 20px; 720 border-radius: 50%; 721 text-indent: -1px; /* account for the dashicon alignment */ 722 } 723 724 .no-js.nav-menus-php .item-edit:before { 725 display: none; 726 } 727 728 .rtl .nav-menus-php .item-edit:before { 729 text-indent: 1px; /* account for the dashicon alignment */ 730 } 731 732 .js.nav-menus-php .item-edit:focus { 733 box-shadow: none; 734 } 735 736 .nav-menus-php .item-edit:focus:before { 737 box-shadow: 738 0 0 0 1px #4f94d4, 739 0 0 2px 1px rgba(79, 148, 212, 0.8); 740 } 741 742 /* Menu editing */ 743 .menu-instructions-inactive { 744 display: none; 745 } 746 747 .menu-item-settings { 748 display: block; 749 max-width: 392px; 750 padding: 10px; 751 position: relative; 752 z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ 753 border: 1px solid #c3c4c7; 754 border-top: none; 755 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 756 } 757 758 .menu-item-settings .field-move { 759 margin: 3px 0 5px; 760 line-height: 1.5; 761 } 762 763 .field-move-visual-label { 764 float: left; 765 margin-right: 4px; 766 } 767 768 .menu-item-settings .field-move .button-link { 769 display: none; 770 margin: 0 2px; 771 } 772 773 .menu-item-edit-active .menu-item-settings { 774 display: block; 775 } 776 777 .menu-item-edit-inactive .menu-item-settings { 778 display: none; 779 } 780 781 .add-menu-item-pagelinks { 782 margin: .5em -10px; 783 text-align: center; 784 } 785 786 .add-menu-item-pagelinks .page-numbers { 787 display: inline-block; 788 min-width: 20px; 789 } 790 791 .add-menu-item-pagelinks .page-numbers.dots { 792 min-width: 0; 793 } 794 795 .link-to-original { 796 display: block; 797 margin: 0 0 15px; 798 padding: 3px 5px 5px; 799 border: 1px solid #dcdcde; 800 color: #646970; 801 font-size: 12px; 802 } 803 804 .link-to-original a { 805 padding-left: 4px; 806 font-style: normal; 807 } 808 809 .hidden-field { 810 display: none; 811 } 812 813 .menu-item-settings .description-thin, 814 .menu-item-settings .description-wide { 815 margin-right: 10px; 816 float: left; 817 } 818 819 .description-thin { 820 width: calc(50% - 5px); 821 } 822 823 .menu-item-settings .description-thin + .description-thin { 824 margin-right: 0; 825 } 826 827 .description-wide { 828 width: 100%; 829 } 830 831 .menu-item-actions { 832 padding-top: 15px; 833 padding-bottom: 7px; 834 } 835 836 #cancel-save { 837 cursor: pointer; 838 } 839 840 /* Major/minor publishing actions (classes) */ 841 .nav-menus-php .major-publishing-actions { 842 clear: both; 843 padding: 10px 0; 844 line-height: 2.15384615; 845 } 846 847 .nav-menus-php .major-publishing-actions .publishing-action { 848 text-align: right; 849 float: right; 850 } 851 852 /* Same as the Publish Meta Box #delete-action */ 853 .nav-menus-php .delete-action { 854 float: left; 855 line-height: 2.1; 856 } 857 858 .nav-menus-php .major-publishing-actions .form-invalid { 859 padding-left: 4px; 860 margin-left: -4px; 861 } 862 863 #nav-menus-frame, 864 .button-controls, 865 #menu-item-url-wrap, 866 #menu-item-name-wrap { 867 display: block; 868 } 869 870 /* =Media Queries 871 -------------------------------------------------------------- */ 872 873 @media only screen and (min-width: 769px) and (max-width: 1000px) { 874 body.menu-max-depth-0 { 875 min-width: 0 !important; 876 } 877 878 #menu-management-liquid { 879 width: 100%; 880 } 881 882 .nav-menus-php #post-body-content { 883 min-width: 0; 884 } 885 } 886 887 @media screen and (max-width: 782px) { 888 body.nav-menus-php, 889 body.wp-customizer { 890 min-width: 0 !important; 891 } 892 893 #nav-menus-frame { 894 margin-left: 0; 895 float: none; 896 width: 100%; 897 } 898 899 #wpbody-content #menu-settings-column { 900 display: block; 901 width: 100%; 902 float: none; 903 margin-left: 0; 904 } 905 906 #side-sortables .add-menu-item-tabs { 907 margin: 15px 0 14px; 908 } 909 910 ul.add-menu-item-tabs li.tabs { 911 padding: 13px 15px 14px; 912 } 913 914 .nav-menus-php .customlinkdiv .howto input { 915 width: 65%; 916 } 917 918 .nav-menus-php .quick-search { 919 width: 85%; 920 } 921 922 #menu-management-liquid { 923 margin-top: 25px; 924 } 925 926 .nav-menus-php .menu-name-label.howto span { 927 margin-top: 13px 928 } 929 930 #menu-name { 931 width: 100%; 932 } 933 934 .nav-menus-php #nav-menu-header .major-publishing-actions .publishing-action { 935 padding-top: 1em; 936 } 937 938 .nav-menus-php .delete-action { 939 font-size: 14px; 940 line-height: 2.14285714; 941 } 942 943 .menu-item-bar .menu-item-handle, 944 .menu-item-settings, 945 .description-wide { 946 width: auto; 947 } 948 949 .menu-item-settings { 950 padding: 10px; 951 } 952 953 .menu-item-settings .description-thin, 954 .menu-item-settings .description-wide { 955 width: 100%; 956 } 957 958 .menu-item-settings input { 959 width: 100%; 960 } 961 962 .menu-item-settings input[type="checkbox"], 963 .menu-item-settings input[type="radio"] { 964 width: 25px; 965 } 966 967 .menu-settings-group { 968 padding-left: 0; 969 overflow: visible; 970 } 971 972 .menu-settings-group-name { 973 float: none; 974 width: auto; 975 margin-left: 0; 976 margin-bottom: 15px; 977 } 978 979 .menu-settings-input { 980 float: none; 981 margin-bottom: 15px; 982 } 983 984 .menu-edit .checkbox-input { 985 margin-top: 0; 986 } 987 988 .manage-menus select { 989 margin: 0.5em 0; 990 } 991 992 .wp-core-ui .manage-menus .button { 993 margin-bottom: 0; 994 } 995 996 .widefat .menu-locations .menu-location-title { 997 padding-top: 16px; 998 } 999 } 1000 1001 @media only screen and (min-width: 783px) { 1002 @supports (position: sticky) and (scroll-margin-bottom: 130px) { 1003 1004 #nav-menu-footer { 1005 position: sticky; 1006 bottom: 0; 1007 z-index: 10; 1008 box-shadow: 0 -1px 0 0px #ddd; 1009 } 1010 1011 #save_menu_header { 1012 display: none; 1013 } 1014 } 1015 } 1016 1017 @media only screen and (max-width: 768px) { 1018 /* menu locations */ 1019 #menu-locations-wrap .widefat { 1020 width: 100%; 1021 } 1022 }