Button 2: Fixes the issue with the Orders table extending beyond the content container by moving the My Account navigation from the side to the top. See #32

This commit is contained in:
Danny Dudzic 2018-03-15 03:13:35 +01:00
parent b35c7f99ce
commit 64525ebda3
3 changed files with 17 additions and 43 deletions

View file

@ -4,7 +4,7 @@ Theme URI: http://wordpress.com/themes/button-2/
Author: Automattic
Author URI: http://automattic.com
Description: A stylish, lighthearted theme for crafters, hobbyists, and creatives.
Version: 2.1.1-wpcom
Version: 2.1.2-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: button

View file

@ -510,27 +510,14 @@ table.cart .product-remove a {
@media screen and (min-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
float: right;
width: 30%;
margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content {
float: left;
width: 65%; }
.woocommerce-account .woocommerce-MyAccount-content p:first-child {
margin-top: 0; }
.woocommerce-account .woocommerce-MyAccount-content form > h3 {
margin-top: 0; }
.woocommerce-account .col2-set:before, .woocommerce-account .col2-set:after {
content: "";
display: table; }
.woocommerce-account .col2-set:after {
clear: both; }
.woocommerce-account .col2-set .col-1 {
width: 47.5%;
float: right; }
.woocommerce-account .col2-set .col-2 {
width: 47.5%;
float: left; } }
display: block; }
.woocommerce-account .woocommerce-MyAccount-navigation ul {
text-align: center; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
display: inline-block;
margin-left: 1em; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-of-type {
margin-left: 0; } }
/**
* General WooCommerce components

View file

@ -510,27 +510,14 @@ table.cart .product-remove a {
@media screen and (min-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
width: 30%;
margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: 65%; }
.woocommerce-account .woocommerce-MyAccount-content p:first-child {
margin-top: 0; }
.woocommerce-account .woocommerce-MyAccount-content form > h3 {
margin-top: 0; }
.woocommerce-account .col2-set:before, .woocommerce-account .col2-set:after {
content: "";
display: table; }
.woocommerce-account .col2-set:after {
clear: both; }
.woocommerce-account .col2-set .col-1 {
width: 47.5%;
float: left; }
.woocommerce-account .col2-set .col-2 {
width: 47.5%;
float: right; } }
display: block; }
.woocommerce-account .woocommerce-MyAccount-navigation ul {
text-align: center; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
display: inline-block;
margin-right: 1em; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-of-type {
margin-right: 0; } }
/**
* General WooCommerce components