Button height

Button height is not the same of you enable share count and/or the all networks button. This fixes the problem.

<https://www.elegantthemes.com/forum/viewtopic.php?f=188&t=727097&p=3997884#p3997884>

/* -- START Fix Monarch button height -- */
.et_social_popup_content .et_social_icons_container li {
min-height: 106px !important;
}
/* -- END Fix Monarch button height -- */
Code language: CSS (css)

Monarch inline responsive issue

<https://www.elegantthemes.com/forum/viewtopic.php?f=188&t=796966&sid=ecdc5d7938eb4bd6d2531470646e882b&p=4375138#p4375138>

/* START Fix Monarch responsive issue */
@media (min-width: 1024px) {
.et_monarch .et_social_inline .et_social_networkname,
.et_monarch .et_social_inline .et_social_count {
font-size: 12px !important;
}}
@media (max-width: 1024px) and (min-width: 981px) {
.et_monarch .et_social_4col li {
width:24% !important;
}}
@media (max-width: 980px) and (min-width:481px) {
.et_monarch .et_social_4col li {
width:49% !important;
}}
/* END Fix Monarch responsive issue */
Code language: CSS (css)

Monarch: add 'share' text to sidebar

/** -- START Monarch styling -- **/
/* -- add 'share' text -- */
.et_social_sidebar_networks ul.et_social_icons_container:before {
content: "Share";
color: #fff;
font-size: 12px;
background: rgb(0,0,0,0);
padding: 3.6px;
}
/* -- hiding button color -- */
.et_monarch span.et_social_hide_sidebar {
background: #5a9bab;
color:#fff;
}
/** -- END Monarch styling -- **/
Code language: CSS (css)