Fix header logo on mobile

This commit is contained in:
Alex P 2022-08-16 17:18:35 +03:00
parent 7302e30e37
commit d9ab46475c
2 changed files with 20 additions and 1 deletions

View file

@ -191,3 +191,22 @@ ul.ppcp-onboarding-options-sublist {
.ppcp-right-align {
margin-left: auto;
}
@media (max-width: 1200px) {
.ppcp-settings-page-header {
display: block;
}
.ppcp-settings-page-header .ppcp-right-align {
display: block;
margin-left: 0;
}
.ppcp-settings-page-header .button, .ppcp-settings-page-header a {
margin: 5px 10px 5px 0;
}
.ppcp-settings-page-header .ppcp-inline-only {
display: none;
}
}

View file

@ -61,7 +61,7 @@ class HeaderRenderer {
return '
<div class="ppcp-settings-page-header">
<img alt="PayPal" src="' . esc_url( $this->module_url ) . 'assets/images/paypal.png"/>
<h4> - The all-in-one checkout solution for WooCommerce</h4>
<h4> <span class="ppcp-inline-only">-</span> ' . __( 'The all-in-one checkout solution for WooCommerce', 'woocommerce-paypal-payments' ) . '</h4>
<a class="button" href="https://woocommerce.com/document/woocommerce-paypal-payments/">'
. __( 'Documentation', 'woocommerce-paypal-payments' ) .
'</a>