mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-09-05 08:59:14 +08:00
Fix header logo on mobile
This commit is contained in:
parent
7302e30e37
commit
d9ab46475c
2 changed files with 20 additions and 1 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue