Skip to content
This repository was archived by the owner on Feb 23, 2024. It is now read-only.

Commit 44244e3

Browse files
authored
Change the structure to allow aligning left the icons on mobile (#11355)
1 parent 95c217f commit 44244e3

File tree

1 file changed

+14
-21
lines changed

1 file changed

+14
-21
lines changed

patterns/social-follow-us-in-social-media.php

Lines changed: 14 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -19,32 +19,25 @@
1919

2020
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"margin":{"top":"0px","bottom":"80px"}}},"layout":{"type":"constrained"}} -->
2121
<div class="wp-block-group alignwide" style="margin-top:0px;margin-bottom:80px;padding-top:0;padding-right:var(--wp--preset--spacing--30);padding-bottom:0;padding-left:var(--wp--preset--spacing--30)">
22-
<!-- wp:columns {"verticalAlignment":null,"align":"wide"} -->
23-
<div class="wp-block-columns alignwide">
24-
<!-- wp:column {"verticalAlignment":"bottom","width":"75%","layout":{"type":"constrained"}} -->
25-
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:75%">
26-
<!-- wp:heading {"level":3,"align":"wide"} -->
27-
<h3 class="wp-block-heading alignwide"><?php echo esc_html( $social_title ); ?></h3>
28-
<!-- /wp:heading --></div>
29-
<!-- /wp:column -->
22+
<!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
23+
<div class="wp-block-group alignwide">
24+
<!-- wp:heading {"level":3,"align":"wide"} -->
25+
<h3 class="wp-block-heading alignwide"><?php echo esc_html( $social_title ); ?></h3>
26+
<!-- /wp:heading -->
3027

31-
<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
32-
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%">
33-
<!-- wp:social-links {"iconColor":"primary","openInNewTab":true,"style":{"spacing":{"blockGap":{"top":"0"}}},"className":"has-icon-color is-style-logos-only","layout":{"type":"flex","justifyContent":"space-between","orientation":"horizontal"}} -->
34-
<ul class="wp-block-social-links has-icon-color is-style-logos-only">
35-
<!-- wp:social-link {"url":"<?php echo esc_url( 'https://twitter.com/' ); ?>","service":"twitter"} /-->
28+
<!-- wp:social-links {"iconColor":"primary","openInNewTab":true,"style":{"spacing":{"blockGap":{"top":"0","left":"16px"}}},"className":"has-icon-color is-style-logos-only","layout":{"type":"flex","justifyContent":"space-between","orientation":"horizontal"}} -->
29+
<ul class="wp-block-social-links has-icon-color is-style-logos-only">
30+
<!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /-->
3631

37-
<!-- wp:social-link {"url":"<?php echo esc_url( 'https://www.instagram.com/' ); ?>","service":"instagram"} /-->
32+
<!-- wp:social-link {"url":"https://www.instagram.com/","service":"instagram"} /-->
3833

39-
<!-- wp:social-link {"url":"<?php echo esc_url( 'https://www.facebook.com/' ); ?>","service":"facebook"} /-->
34+
<!-- wp:social-link {"url":"https://www.facebook.com/","service":"facebook"} /-->
4035

41-
<!-- wp:social-link {"url":"<?php echo esc_url( 'https://www.twitch.tv/' ); ?>","service":"twitch"} /-->
42-
</ul>
43-
<!-- /wp:social-links -->
44-
</div>
45-
<!-- /wp:column -->
36+
<!-- wp:social-link {"url":"https://www.twitch.tv/","service":"twitch"} /-->
37+
</ul>
38+
<!-- /wp:social-links -->
4639
</div>
47-
<!-- /wp:columns -->
40+
<!-- /wp:group -->
4841

4942
<!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
5043
<div class="wp-block-columns alignwide" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)">

0 commit comments

Comments
 (0)