6820d2b4 by Jeff Balicki

call out menu

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 2a34d6bf
...@@ -15017,6 +15017,7 @@ a[target=_blank]::after { ...@@ -15017,6 +15017,7 @@ a[target=_blank]::after {
15017 } 15017 }
15018 .join-callout .wp-block-group__inner-container .wp-block-column { 15018 .join-callout .wp-block-group__inner-container .wp-block-column {
15019 display: flex; 15019 display: flex;
15020 flex-direction: column;
15020 } 15021 }
15021 .join-callout .wp-block-group__inner-container .wp-block-image { 15022 .join-callout .wp-block-group__inner-container .wp-block-image {
15022 margin-bottom: 0px; 15023 margin-bottom: 0px;
...@@ -15166,7 +15167,9 @@ a[target=_blank]::after { ...@@ -15166,7 +15167,9 @@ a[target=_blank]::after {
15166 #wrapper-footer-full .menu .donate { 15167 #wrapper-footer-full .menu .donate {
15167 display: none; 15168 display: none;
15168 } 15169 }
15169 #wrapper-footer-full #menu-social { 15170
15171 #menu-social,
15172 #menu-social-1 {
15170 flex-direction: row; 15173 flex-direction: row;
15171 padding: 0; 15174 padding: 0;
15172 list-style: none; 15175 list-style: none;
...@@ -15174,7 +15177,8 @@ a[target=_blank]::after { ...@@ -15174,7 +15177,8 @@ a[target=_blank]::after {
15174 margin: 0; 15177 margin: 0;
15175 margin-left: 33px; 15178 margin-left: 33px;
15176 } 15179 }
15177 #wrapper-footer-full #menu-social li { 15180 #menu-social li,
15181 #menu-social-1 li {
15178 margin: 0px; 15182 margin: 0px;
15179 margin-right: 8px; 15183 margin-right: 8px;
15180 height: 32px; 15184 height: 32px;
...@@ -15183,10 +15187,12 @@ a[target=_blank]::after { ...@@ -15183,10 +15187,12 @@ a[target=_blank]::after {
15183 border-radius: 50%; 15187 border-radius: 50%;
15184 position: relative; 15188 position: relative;
15185 } 15189 }
15186 #wrapper-footer-full #menu-social li a { 15190 #menu-social li a,
15187 font-size: 0; 15191 #menu-social-1 li a {
15192 font-size: 0 !important;
15188 } 15193 }
15189 #wrapper-footer-full #menu-social li a::after { 15194 #menu-social li a::after,
15195 #menu-social-1 li a::after {
15190 position: absolute; 15196 position: absolute;
15191 top: 7px; 15197 top: 7px;
15192 left: 9px; 15198 left: 9px;
...@@ -15196,16 +15202,38 @@ a[target=_blank]::after { ...@@ -15196,16 +15202,38 @@ a[target=_blank]::after {
15196 height: 18px; 15202 height: 18px;
15197 display: block; 15203 display: block;
15198 } 15204 }
15199 #wrapper-footer-full #menu-social .facebook a::after { 15205 #menu-social .facebook a::after,
15206 #menu-social-1 .facebook a::after {
15207 left: 12px;
15200 background-image: url("/wp-content/themes/understrap-child/images/Facebook.svg"); 15208 background-image: url("/wp-content/themes/understrap-child/images/Facebook.svg");
15201 } 15209 }
15202 #wrapper-footer-full #menu-social .instagram a::after { 15210 #menu-social .instagram a::after,
15211 #menu-social-1 .instagram a::after {
15203 background-image: url("/wp-content/themes/understrap-child/images/Instagram.svg"); 15212 background-image: url("/wp-content/themes/understrap-child/images/Instagram.svg");
15204 } 15213 }
15205 #wrapper-footer-full #menu-social .x a::after { 15214 #menu-social .x a::after,
15215 #menu-social-1 .x a::after {
15206 background-image: url("/wp-content/themes/understrap-child/images/X.svg"); 15216 background-image: url("/wp-content/themes/understrap-child/images/X.svg");
15207 } 15217 }
15208 15218
15219 #menu-social.page {
15220 margin-left: 0px;
15221 }
15222 #menu-social.page li {
15223 height: 48px;
15224 width: 48px;
15225 margin-right: 14px;
15226 }
15227 #menu-social.page a::after {
15228 top: 11px;
15229 left: 13px;
15230 width: 22px;
15231 height: 26px;
15232 }
15233 #menu-social.page .facebook a::after {
15234 left: 16px;
15235 }
15236
15209 .has-blue-color, 15237 .has-blue-color,
15210 .has-blue-color:visited { 15238 .has-blue-color:visited {
15211 color: #0d6efd; 15239 color: #0d6efd;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -107,10 +107,18 @@ function understrap_child_customize_controls_js() ...@@ -107,10 +107,18 @@ function understrap_child_customize_controls_js()
107 } 107 }
108 add_action('customize_controls_enqueue_scripts', 'understrap_child_customize_controls_js'); 108 add_action('customize_controls_enqueue_scripts', 'understrap_child_customize_controls_js');
109 109
110 function upload_svg_files( $allowed ) { 110 function upload_svg_files($allowed)
111 if ( !current_user_can( 'manage_options' ) ) 111 {
112 if (!current_user_can('manage_options'))
112 return $allowed; 113 return $allowed;
113 $allowed['svg'] = 'image/svg+xml'; 114 $allowed['svg'] = 'image/svg+xml';
114 return $allowed; 115 return $allowed;
115 } 116 }
116 add_filter( 'upload_mimes', 'upload_svg_files');
...\ No newline at end of file ...\ No newline at end of file
117 add_filter('upload_mimes', 'upload_svg_files');
118
119 function print_menu_shortcode($atts, $content = null) {
120 extract(shortcode_atts(array( 'name' => null, 'class' => null ), $atts));
121 return wp_nav_menu( array( 'menu' => $name, 'menu_class' => $class, 'echo' => false ) );
122 }
123
124 add_shortcode('menu', 'print_menu_shortcode');
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -43,6 +43,7 @@ ...@@ -43,6 +43,7 @@
43 43
44 .wp-block-column{ 44 .wp-block-column{
45 display: flex; 45 display: flex;
46 flex-direction: column;
46 } 47 }
47 .wp-block-image { 48 .wp-block-image {
48 margin-bottom: 0px; 49 margin-bottom: 0px;
......
...@@ -52,7 +52,10 @@ ...@@ -52,7 +52,10 @@
52 } 52 }
53 } 53 }
54 54
55 #menu-social{ 55 }
56
57 #menu-social,
58 #menu-social-1{
56 flex-direction: row; 59 flex-direction: row;
57 padding:0; 60 padding:0;
58 list-style: none; 61 list-style: none;
...@@ -69,7 +72,7 @@ ...@@ -69,7 +72,7 @@
69 border-radius: 50%; 72 border-radius: 50%;
70 position: relative; 73 position: relative;
71 a { 74 a {
72 font-size:0; 75 font-size:0 !important;
73 } 76 }
74 a::after{ 77 a::after{
75 position: absolute; 78 position: absolute;
...@@ -87,6 +90,7 @@ ...@@ -87,6 +90,7 @@
87 90
88 .facebook { 91 .facebook {
89 a::after { 92 a::after {
93 left: 12px;
90 background-image:url("/wp-content/themes/understrap-child/images/Facebook.svg"); 94 background-image:url("/wp-content/themes/understrap-child/images/Facebook.svg");
91 95
92 96
...@@ -109,6 +113,22 @@ ...@@ -109,6 +113,22 @@
109 113
110 } 114 }
111 115
112 116 #menu-social.page{
113 117 margin-left: 0px;
118 li {
119 height:48px;
120 width:48px;
121 margin-right:14px;
122 }
123 a::after{
124 top: 11px;
125 left: 13px;
126 width: 22px;
127 height: 26px;
128 }
129 .facebook {
130 a::after {
131 left: 16px;
132 }
133 }
114 } 134 }
...\ No newline at end of file ...\ No newline at end of file
......